動態將TinyMCE編輯器添加到文本框

Question

我正在向div動態添加文本框。 像這樣的東西

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

現在，我想將tinymce編輯器附加到這些文本區域，您能幫助我做到這一點嗎？

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編輯器實例編輯和提交文本。 Tinymce將在dom中創建一個可編輯的iframe，用戶可以在其中編輯html內容。 OnSave編輯器的內容將寫回到為tinymce編輯器創建的html元素（可以是textarea，div，段落或其他html元素）。

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