如何用dom javascript添加多個tinyMce？

Question

請幫助我，如何添加多個textarea機智tinymce ..！ 我想喜歡這樣的結果：我的劇本的

的例子是在這裏： http://tuto-rial.com/index2.txt

Answer 1

爲此，您需要使用兩個獨立的tinymce init函數。 我想你在開始的時候在你的頁面上有兩個textareas。 第一個被使用這樣一個初始化頁面加載啓動：

$(document).ready(function() { 
    tinyMCE.init({ 
     // General options 
     mode:  "exact", 
     elements : "id_of_first_textarea", 
     ... 
    }); 
}); 

「添加新的」 -buttonclick你做到以下幾點：

tinyMCE.init({ 
    // General options 
    mode:  "exact", 
    elements : "id_of_second_textarea", 
    // deactivates the editor body 
    setup : function(ed) { 
     ed.onInit.add(function(ed, evt) { 
      // you may also add a click handler here to disable the focus of the editor body 
      $(ed.getBody()).attr('contenteditable', false); 
     }); 
    }, 
    ... 
}); 

「獲取內容」 buttonaction執行以下操作：

var content = tinymce.get('textarea_id_of_the_desired_editor').getContent(); 

Answer 2

可以效仿的榜樣在他們的網站：http://www.tinymce.com/tryit/multiple_configs.php

• 或 -

你可以隨時把第二個放在一個iframe中，然後在你的表單上提交與iframe的通信以獲取內容，但這不是一個優雅的解決方案