Question

我刚刚加入了我的第一个tinyMCE位代码，效果非常好。但是，在我的项目的一部分，我动态创建textareas，必须也启用tinyMCE ..我如何添加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();

当我点击创建我的新textarea的按钮时，我可能会打电话给它应用一个新的微小的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();
     });

})($);

在旅途中实例化一个新的tinyMce

2 个答案: