WebBrowser控件嵌入TinyMCE编辑器：取数据正常但设值异常求助

嘿，我看你在WebBrowser里嵌了TinyMCE当HTML编辑器，获取数据没问题但设置的时候出状况了——结合你贴的代码，发现你只给了HTML属性的get方法，没看到set部分的实现，这十有八九就是问题根源！咱们一步步来排查解决：

1. 补全正确的set逻辑 #

你需要在HTML属性的set方法里，调用TinyMCE官方的setContent API来传递内容，而不是直接操作WebBrowser的DOM。给你写个完整的属性实现：

public string HTML
{
    get
    {
        var content = string.Empty;
        if (webBrowserControl.Document != null && webBrowserControl.Document.Body != null)
        {
            var html = webBrowserControl.Document.InvokeScript("GetContent");
            content = html.ToString();
        }
        return content;
    }
    set
    {
        // 确保WebBrowser的文档已经加载完成
        if (webBrowserControl.Document != null)
        {
            // 调用JS端的SetContent方法传入要设置的HTML
            webBrowserControl.Document.InvokeScript("SetContent", new object[] { value });
        }
    }
}

2. 在TinyMCE的JS代码里暴露SetContent方法 #

和你现有的GetContent方法对应，得在嵌入WebBrowser的HTML页面里加个供C#调用的设置方法：

<script>
    tinymce.init({
        selector: '#your-editor-id' // 替换成你实际的编辑器ID
        // 其他TinyMCE配置项
    });

    // 供C#获取内容的方法
    function GetContent() {
        return tinymce.get('your-editor-id').getContent();
    }

    // 供C#设置内容的方法
    function SetContent(htmlContent) {
        tinymce.get('your-editor-id').setContent(htmlContent);
    }
</script>

3. 确保WebBrowser加载完成后再设置内容 #

如果你的控件刚初始化就立刻给HTML属性赋值，可能WebBrowser还没加载完TinyMCE页面，导致调用脚本失败。可以监听DocumentCompleted事件，等页面加载完再操作：

public TinyMCE()
{
    InitializeComponent();
    // 绑定文档加载完成事件
    webBrowserControl.DocumentCompleted += WebBrowserControl_DocumentCompleted;
}

private void WebBrowserControl_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
    // 这里可以安全地设置初始内容
    // HTML = "<p>这是初始的HTML内容</p>";
}

4. 额外排查小技巧 #

• 临时把webBrowserControl.ScriptErrorsSuppressed设为false，这样能看到JS报错信息，很多时候脚本错误就是设置失败的元凶；
• 可以在WebBrowser的调试控制台（如果支持的话）手动调用tinymce.get('your-editor-id')，确认编辑器实例是否正常初始化，这能快速排除实例未创建的问题；
• 如果设置的HTML包含特殊字符，记得检查是否有转义问题，必要时在JS端做适当的转义处理。

内容的提问来源于stack exchange，提问作者user1372430