如何使用jQuery将HTML加载到TinyMCE文本区域中

Question

我有一个使用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;});

我该如何做？

- user191687

Answer 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);

- Darin Dimitrov

---

谢谢，这正是我正在寻找的。 - user191687

谢谢Darin，答案仍然有效！ - Hans Wassink

非常好奇听到mrN的问题的答案。如何在页面上针对特定的编辑器？ - emersonthis

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

Answer 2

使用jQuery插件版本的tinyMCE，您可以使用以下内容：

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

- Stefano Esposito