각각 다른 TinyMCE 편집기를 어떻게 추가 할 수 있습니까?

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 라이브러리를 사용하여 코드를 저장하지만 jQuery없이이 코드를 작성하는 것은 쉽습니다. 가정 당신은 당신이해야 할 모든에 대한 TinyMCE를 얻을하고자하는 것으로, "my_id1"IDS "my_id1"를 가진 HTML 요소 (예 : 텍스트 영역)을 가지고 것은 :

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); 
});