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

Instantiate a new tinyMce on the go

本文关键字：一个 tinyMce 旅途 途中 实例化      更新时间：2023-09-26

我刚刚包含了我的第一个tinyMCE代码，效果非常好。然而，在我项目的一部分中，我动态地创建了文本区域，这些区域也必须启用tinyMCE。。如何将tinymce添加到我创建的新文本区域。

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

        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？

这很容易，您只需要调用tinymce mceAddcontrol命令并结合新创建的文本区域的id：

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

应该这样！点击下面的小提琴链接。：）

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();
     });
})($);
相关文章：