如何使用AJAX Control Toolkit HTML编辑器通过javascript获取/设置内容？

#！关于如何使用AJAX Control Toolkit中的HTML编辑器（HtmlEditorExtender）通过JavaScript获取和设置内容，以下是一个完整的解决方案：

基础概念

AJAX Control Toolkit是一个ASP.NET的扩展工具包，其中的HtmlEditorExtender控件可以为TextBox添加富文本编辑功能。它基于AJAX技术，允许客户端JavaScript与服务器端控件交互。

获取编辑器内容

function getHtmlEditorContent() {
    // 假设编辑器扩展的TargetControlID是"txtContent"
    var editor = $find("HtmlEditorExtenderBehaviorID");
    if (editor) {
        var content = editor.get_content();
        console.log(content);
        return content;
    }
    return null;
}

设置编辑器内容

function setHtmlEditorContent(newContent) {
    var editor = $find("HtmlEditorExtenderBehaviorID");
    if (editor) {
        editor.set_content(newContent);
    }
}

关键说明

BehaviorID获取：
- 默认情况下，行为ID是"控件ID_HtmlEditorExtenderBehavior"
- 最好在HtmlEditorExtender上显式设置BehaviorID属性：
- 最好在HtmlEditorExtender上显式设置BehaviorID属性：
- 然后JavaScript中使用$find("myEditorBehavior")

完整示例：

<asp:TextBox ID="txtContent" runat="server" TextMode="MultiLine" Rows="10" />
<ajaxToolkit:HtmlEditorExtender 
    ID="HtmlEditorExtender1" 
    TargetControlID="txtContent"
    BehaviorID="myEditor" 
    runat="server" />

<script type="text/javascript">
    // 设置内容
    function setContent() {
        $find("myEditor").set_content("<b>New content</b>");
    }
    
    // 获取内容
    function getContent() {
        alert($find("myEditor").get_content());
    }
</script>