javascript - 随时随地实例化一个新的 tinyMce

Question

我刚刚包含了我的第一个 tinyMCE 代码，效果非常好。但是，在我项目的一部分中，我动态创建了还必须启用 tinyMCE 的 textarea。我如何将 tinymce 添加到我创建的新 textarea 中。

目前，这正在全球范围内触发：

        function LoadTinymce()
        {
            tinymce.init({
                menu: { 
                    file: false, 
                    edit: {title: 'Edit', items: 'undo redo | cut copy paste | selectall'}, 
                    insert: {title: 'Insert', items: '|'}, 
                    view: {title: 'View', items: 'visualaid'}, 
                    format: {title: 'Format', items: 'bold italic underline strikethrough superscript subscript | formats | removeformat'}, 
                    table: {title: 'Table'}, 
                    tools: {title: 'Tools'} 
                },
                selector: ".tinymce"
             });
        }
        LoadTinymce();

当我单击创建新文本区域的按钮时，我可能会调用什么来在其上应用新的微型 mce rte？

Answer 1

这很简单，您只需调用 tinymce mceAddcontrol 命令并结合新创建的 textarea 的 id：

tinymce.execCommand('mceAddControl', false, "your_textarea_id");

Answer 2

这应该做！点击下面的小提琴链接。:)

http://jsfiddle.net/dcodesmith/ttXvb/

(function($) {

    function loadTinymcsConfig(){
        tinymce.init({
            menu: { 
                file: false, 
                edit: {title: 'Edit', items: 'undo redo | cut copy paste | selectall'}, 
                insert: {title: 'Insert', items: '|'}, 
                view: {title: 'View', items: 'visualaid'}, 
                format: {title: 'Format', items: 'bold italic underline strikethrough superscript subscript | formats | removeformat'}, 
                table: {title: 'Table'}, 
                tools: {title: 'Tools'} 
            },
            selector: ".tinymce"
        });
    };
    loadTinymcsConfig();
    var textareaHtmlTmpl = '<textarea class=\'tinymce\'></textarea>';
    $('.addtextarea').on('click', function(){
        $('body').append(textareaHtmlTmpl);
        loadTinymcsConfig();
     });

})($);