2016-06-04 6 views
0

ich habe folgende asp Kontrolle auf meiner SeiteÄndere Schriftstil-Label mit Ajax-Editor Kontrolle asp dot net

  1. Label-
  2. Textbox mit Ajax-Editor Steuer

ich haben Javascript, die überprüfen keyup event of textbox ajax editor steuern und den Wert dem Label zuweisen. Aber seltsame Sache ist, es nicht die Schriftfarbe zuweisen, Größe der Textbox zu beschriften.

hier ist das Skript und htmll

<script type="text/javascript"> 
    Sys.Application.add_load(function() { 
     var htmlEditorBox = $('.ajax__html_editor_extender_texteditor'); 
     htmlEditorBox.keyup(function() { 
      document.getElementById('<%=Label2.ClientID%>').innerHTML = this.textContent; 
      <%-- document.getElementById('<%=Label2.ClientID%>').style.color = this.textColor.innerHTML;--%> 

     }); 
    }); 
</script> 
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> 
<asp:TextBox ID="TextBox1" runat="server" Width="300" Height="200">  </asp:TextBox> 
<ajaxToolkit:HtmlEditorExtender runat="server" BehaviorID="TextBox1_HtmlEditorExtender" TargetControlID="TextBox1" ID="TextBox1_HtmlEditorExtender" EnableSanitization="False"></ajaxToolkit:HtmlEditorExtender> 

Ich möchte Textbox Ajax Control-Editor zuweisen Formatierung als auch zu beschriften

Antwort

0

bekam ich die Antwort

<div> 
<script type="text/javascript"> 
    Sys.Application.add_load(function() { 
     var htmlEditorBox = $('.ajax__html_editor_extender_texteditor'); 
     htmlEditorBox.keyup(function() { 
      document.getElementById('lblContents').innerHTML = $('.ajax__html_editor_extender_texteditor').html(); 
     }); 
    }); 
</script> 
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> 
</asp:ToolkitScriptManager> 
<asp:TextBox ID="txtEditor" CssClass="Editor" runat="server" Width="300" Height="200" /> 
<asp:HtmlEditorExtender ID="HtmlEditorExtender1" runat="server"   TargetControlID="txtEditor" 
    EnableSanitization="false"> 
</asp:HtmlEditorExtender> 
<br /> 
<asp:Button ID="Button1" Text="Submit" runat="server" /> 
<br /> 
Entered Text: 
<asp:Label ID="lblContents" runat="server" /> 
</div> 
0

Versuchen Sie den Code setzen unten im Inneren des keyup Ereignis. Ich habe es auf meiner Seite getan und es funktioniert gut:

var color = $(this).css('color'); 
var fontSize = $(this).css('font-size'); 

alert(color + "," + fontSize); 

document.getElementById('<%=Label1.ClientID%>').style.color = color; 
document.getElementById('<%=Label1.ClientID%>').style.fontSize = fontSize; 
+0

ich in meinem in keyup Funktion den obigen Code hinzugefügt haben, aber es funktioniert nicht – user3597236

+0

debuggen Verwenden Sie die Chrome-Browserkonsole und sehen Sie sich an, welche Werte für color- und fontSize-Variablen gelten.Google, wie Sie Javascript in Chrome debuggen. –

+0

Ich debugge es, leider der Code dieses Stück Code var color = $ (this) .css ('color'); var fontSize = $ (this) .css ('font-size'); alert (color + "," + fontSize); nicht den Wert Ajax Editor-Steuerelement abrufen, aber die ganze Zeit zeigt Schriftgröße 14 px – user3597236