动态添加TinyMCE编辑器到文本框

Question

我正在将文本框动态添加到div。这样的东西

$('#xyz').click(function() 
{ 
    $(#myDiv).append('<textarea></textarea>'); 
}); 

现在我想附加tinymce编辑器这些textareas，你能帮我这样做吗？

Answer 1

试试这个：

$('#xyz').click(function() { 
    var myTextarea = $("<textarea></textarea>"); 
    myTextarea.attr("id", "mce-editor"); 
    $("#myDiv").append(myTextarea); 

    // this inistalises the TinyMCE editor upon the element with the id in the last parameter. 
    tinyMCE.execCommand("mceAddControl", false, "mce-editor"); 
}); 

Answer 2

你甚至可以直接TinyMCE的元件连接到div，因为你不需要为了编辑和使用TinyMCE的编辑器实例提交文本的textarea。 Tinymce将在用户能够编辑html内容的dom中创建可编辑的iframe。 OnSave编辑器的内容被写回到tinymce编辑器创建的html元素（这可以是textarea，div，段落或其他html元素）。

tinyMCE.execCommand('mceAddControl', false, 'myDiv');