在旅途中實例化一個新的tinyMce

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

這應該做的！點擊下面的小提琴鏈接。 :)

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

})($); 

Answer 2

這是很容易的，所有你需要做的是結合調用TinyMCE的mceAddcontrol命令與新創建的textarea的ID：

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