C# WinForms中TinyMce的SetContent方法无法调用问题排查

核心问题排查 #

你的代码里SetContent函数未被调用，大概率是以下原因导致：

• TinyMCE未初始化完成：调用函数时编辑器还未加载完毕，要么JS函数找不到，要么编辑器实例不存在
• WebBrowser文档状态异常：Document != null仅代表页面框架加载完成，不代表TinyMCE等资源已加载完毕
• 参数传递报错：HTML内容中的特殊字符（如引号、换行）会导致JS调用失败
• WebBrowser内核兼容问题：WinForms默认使用IE7内核，对新版TinyMCE支持不佳

分步解决 #

1. 等待TinyMCE初始化完成再调用 #

修改tinymce.htm中的JS代码，增加初始化完成标记，供C#端判断状态：

<script type="text/javascript">
var editorReady = false;

tinymce.init({
  selector: '#editorcontent',
  // 你的其他编辑器配置项
  init_instance_callback: function(editor) {
    editorReady = true;
    console.log('编辑器初始化完成');
  }
});

function GetContent() {
    alert('GetContent is called');
    console.log('GetContent is called');
    return tinyMCE.get('editorcontent').getContent();
}

function SetContent(htmlContent) {
    alert('SetContent is called');
    console.log('SetContent is called');
    var editor = tinyMCE.get('editorcontent');
    if(editor) editor.setContent(htmlContent);
}

// 供C#检查编辑器是否就绪
function IsEditorReady() {
    return editorReady;
}
</script>

然后修改C#的属性代码，等待编辑器就绪后再执行调用：

public string HtmlContent
{
    get
    {
        string content = string.Empty;
        if (webBrowserControl != null && webBrowserControl.Document != null)
        {
            object html = webBrowserControl.Document.InvokeScript("GetContent");
            content = html as string;
        }
        return content;
    }
    set
    {
        if (webBrowserControl == null || webBrowserControl.Document == null) return;

        // 等待编辑器初始化，加入DoEvents避免界面假死
        while (!(bool)webBrowserControl.Document.InvokeScript("IsEditorReady"))
        {
            System.Threading.Thread.Sleep(100);
            Application.DoEvents();
        }

        // 对内容编码，避免特殊字符导致JS调用失败
        var encodedContent = System.Web.HttpUtility.JavaScriptStringEncode(value);
        try
        {
            // 优先用InvokeScript传参
            webBrowserControl.Document.InvokeScript("SetContent", new object[] { value });
            // 如果上述方式失效，尝试用eval执行脚本
            // webBrowserControl.Document.InvokeScript("eval", new object[] { $"SetContent('{encodedContent}');" });
        }
        catch (Exception ex)
        {
            MessageBox.Show($"设置内容失败：{ex.Message}");
        }
    }
}

2. 修复WebBrowser内核兼容性 #

WinForms的WebBrowser默认使用IE7内核，对新版TinyMCE支持差，强制切换为IE11模式：
在程序启动入口（如Program.Main）添加以下代码：

private static void SetBrowserEmulation()
{
    string appExecutable = System.IO.Path.GetFileName(System.Diagnostics.Process.GetCurrentProcess().MainModule.FileName);
    using (var regKey = Microsoft.Win32.Registry.CurrentUser.CreateSubKey(@"Software\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION"))
    {
        regKey.SetValue(appExecutable, 11001, Microsoft.Win32.RegistryValueKind.DWord);
    }
}

3. 确保页面完全加载 #

给WebBrowser控件添加DocumentCompleted事件，确认主页面加载完成后再操作：

private bool _pageLoaded = false;

private void webBrowserControl_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
    // 仅当主页面加载完成时标记，排除iframe或资源文件加载事件
    if (e.Url.AbsoluteUri == webBrowserControl.Url.AbsoluteUri)
    {
        _pageLoaded = true;
    }
}

然后在HtmlContent的set属性中增加页面加载状态判断：

set
{
    if (webBrowserControl == null || webBrowserControl.Document == null || !_pageLoaded) return;
    // 后续等待编辑器就绪及调用代码
}

调试小技巧 #

• 右键WebBrowser控件，选择「查看源代码」或按F12（切换IE11内核后可用），查看控制台的JS报错信息
• 在C#代码中保留异常捕获，直接定位调用失败的具体原因

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