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

本文关键字：文本 编辑器 添加 TinyMCE 动态 | 更新日期: 2023-09-27 17:56:38

我正在向div 动态添加文本框。

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

现在我想将 tinymce 编辑器附加到这些文本区域，你能帮我做到这一点吗？

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

试试这个：

$('#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");
});

您甚至可以将 tinymce 元素直接附加到div，因为您不需要文本区域即可使用 tinymce 编辑器实例编辑和提交文本。Tinymce将在dom中创建一个可编辑的iframe，用户可以在其中编辑html内容。OnSave 编辑器的内容被写回创建 tinymce 编辑器的 html 元素（这可以是文本区域、div、段落或其他 html elment）。

tinyMCE.execCommand('mceAddControl', false, 'myDiv');
相关文章：