将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，因为您不需要textarea来使用tinymce编辑器实例编辑和提交文本。 Tinymce将在dom中创建一个可编辑的iframe，用户可以在其中编辑html内容。 OnSave编辑器内容被写回为创建的tinymce编辑器的html元素（这可以是textarea，div，段落或其他html元素）。

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