如何用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的通信以获取内容，但这不是一个优雅的解决方案