Question

我想添加多个TinyMCE编辑器，每个编辑器都有自己的配置吗？

我怎么做？

Answer 1

你可以这样做：

jQuery版本：

$('textarea.editor1').tinymce(
{
    script_url : '../admin/tiny_mce/tiny_mce.js',
    theme : "simple",
    plugins : "", // put plugins here
    setup : function(ed) 
    {
         ed.onInit.add(function(ed)
        {

        });             
    }
});

$('textarea.editor2').tinymce(
{
    script_url : '../admin/tiny_mce/tiny_mce.js',
    theme : "simple",
    plugins : "", // put plugins here
    setup : function(ed) 
    {
         ed.onInit.add(function(ed)
        {

        });             
    }
});

非jQuery版本：

tinyMCE.init(
{
    mode : "textareas",
    theme : "simple",
    editor_selector : "editor1"
});

tinyMCE.init(
   {
       mode : "textareas",
    theme : "simple",
    editor_selector : "editor2"

   });

Answer 2

这很容易实现。我使用jQuery lib来保存代码，但是很容易在没有jQuery的情况下创建这个代码。假设您拥有带有“my_id1”和“my_id1”的html元素（即textareas），您希望获得所有需要做的事情：

var config_tinymce_1 = {

        plugins :"save",

        theme_advanced_buttons1 : "bold,italic,underline,save",
        theme_advanced_buttons2 : "",
        ...
};


var config_tinymce_2 = {

        plugins :"save",

        theme_advanced_buttons1 : "save",
        theme_advanced_buttons2 : "",
        ...
};

$(document).ready(function(){
        init_obj_1 = {element_id:'my_id1', window: window};
        $.extend(true, init_obj_1, config_tinymce_1);
        tinyMCE.execCommand('mceAddFrameControl',false, init_obj_1);

        init_obj_2 = {element_id:'my_id2', window: window};
        $.extend(true, init_obj_2, config_tinymce_2);
        tinyMCE.execCommand('mceAddFrameControl',false, init_obj_2);
});

如何为每个添加不同配置的多个TinyMCE编辑器？

2 个答案: