php - 如何使用dom javascript添加多个tinyMce？

Question

请帮助我，如何使用tinymce添加多个文本区域..!我想要喜欢这个结果:

我的脚本示例在这里: http://tuto-rial.com/index2.txt

Answer 1

为此，您需要使用两个单独的tinymce init 函数。我猜你的页面一开始就有两个文本区域。第一个在页面加载时使用 init 激活，如下所示:

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

在“添加新”按钮上单击您可以执行以下操作:

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

“获取内容”按钮操作执行以下操作:

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