如何使用 jquery 将 html 加载到 TinyMCE 文本区域中答案

【问题标题】：How to load html using jquery into a TinyMCE textarea如何使用 jquery 将 html 加载到 TinyMCE 文本区域中
【发布时间】：2010-12-07 14:58:08
【问题描述】：

我有一个使用 TinyMCE 作为所见即所得的文本区域。一旦加载了这个文本区域，我想要它，单击“编辑”按钮，我使用 AJAX jquery 带来的一些 html 代码被加载到该文本区域中。

我想插入这个html代码<p>hello</p>

原始文本区域来源

<textarea name="corpo" id="input_corpo">Text Here</textarea>

JQUERY 带来 HTML 的脚本。通过这种方式，它只更新文本区域（在 TinyMCE 运行时隐藏）

$.get("hello.html", 
        function(content){ $("#input_corpo").text(content);});
     return false;});

下面的这种方式都不起作用。我试图更新生成 TinyMCE 的 iframe 的主体

$.get("hello.html", 
    function(content){ $("body#tinymce").text(content);});
return false;});

我该怎么办？

【问题讨论】：

【解决方案1】：

你可以试试setContent函数：

$.get("hello.html", function(content) { 
    // if you have one tinyMCE box on the page:
    tinyMCE.activeEditor.setContent(content);
});

甚至更短：

$.get("hello.html", tinyMCE.activeEditor.setContent);

【讨论】：

【解决方案2】：

使用 jQuery 版本的 tinyMCE 和 jQuery 插件你可以使用这个

$.get("hello.html", function(content) { 
    $('#input-corpo').html(content);
});

【讨论】：