使用 Ajax 编辑器控件 asp 点网更改标签的字体样式

Question

我的页面上有以下 asp 控件

标签
带有 ajax 编辑器控件的文本框

我有 javascript 检查文本框 ajax 编辑器控件的 keyup 事件并将值分配给标签。但奇怪的是，它没有将字体颜色，文本框的大小分配给标签。

这是脚本和 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>

我想将文本框 ajax 控制编辑器格式也分配给标签

Answer 1

尝试将下面的代码放入 keyup 事件中。我已经在我这边完成了并且工作得很好：

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;

Answer 2

我得到了答案

<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>

使用 Ajax 编辑器控件 asp 点网更改标签的字体样式

Change font style of label with Ajax editor control asp dot net

javascript

c#

asp.net

ajaxcontroltoolkit