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

use*_*687 13 jquery textarea tinymce

我有一个使用TinyMCE作为WYSIWYG的textarea.一旦加载了这个textarea我想要那个,点击一个按钮"编辑"我带来的一些HTML代码,我带有AJAX jquery加载到该textarea.

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

原始textarea来源

<textarea name="corpo" id="input_corpo">Text Here</textarea>
Run Code Online (Sandbox Code Playgroud)

带来HTML的JQUERY脚本.这样它只更新textarea(在TinyMCE运行时隐藏)

$.get("hello.html", 
        function(content){ $("#input_corpo").text(content);});
     return false;});
Run Code Online (Sandbox Code Playgroud)

它不会以这种方式起作用.我试图更新生成TinyMCE的iframe的主体

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

我能怎么做?

Dar*_*rov 29

您可以尝试使用setContent函数:

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

甚至更短:

$.get("hello.html", tinyMCE.activeEditor.setContent);
Run Code Online (Sandbox Code Playgroud)

  • 如果页面中有多个编辑器怎么办? (6认同)
  • 如果每页有多个编辑器:tinyMCE.get('my_editor').setContent(data); (2认同)