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

Posted 2023-05-07

【中文标题】如何使用 jquery 将 html 加载到 TinyMCE 文本区域中

【英文标题】：How to load html using jquery into a TinyMCE textarea

【发布时间】：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);

【讨论】：

谢谢，正是我要找的。​​span>

谢谢达林，回答仍然有效！

真的很想听到 mrN 问题的答案。如何定位页面上的特定编辑器？

如果每页有多个编辑器：tinyMCE.get('my_editor').setContent(data);

【参考方案2】：

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

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