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

Question

请帮助我，如何使用 tinymce 添加多个 textarea ..！我想喜欢这个结果：

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

Answer 1

您可以按照他们网站上的示例进行操作：http ://www.tinymce.com/tryit/multiple_configs.php

• 或者 -

您总是可以将第二个放在 iframe 中，并在您的表单上提交与 iframe 通信以获取内容，但这是一个不太优雅的解决方案

Answer 2

为此，您将需要使用两个单独的 tinymce 初始化函数。我猜你一开始在你的页面上有两个文本区域。第一个在页面加载时使用如下初始化激活：

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