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

Question

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

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

Answer 1

为此，您需要使用两个独立的 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();

Answer 2

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

• 或-

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