如何使用jquery将html加载到TinyMCE textarea中

Question

我有一个使用TinyMCE作为WYSIWYG的textarea。 一旦加载了这个textarea我想要那个，单击一个按钮“编辑”我带来的一些带有AJAX jquery的html代码加载到该textarea中。

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

原始textarea来源

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

带来HTML的JQUERY脚本。这样它只更新textarea（在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;});

我该怎么办？

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

Answer 2

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

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