如何使多个TinyMCE帧同时工作

Question

我有5个页面使用tinyMCE，所有这些页面都在iframe中，但只有一个可以使用。

我该如何解决这个问题？

init代码是：

tinyMCE.init({
    // General options
    mode: "exact",
    theme: "advanced",
    elements: "txtBody",
    dialog_type: "modal",
    width: "500",
    height: "400",
    plugins: "autolink,lists,table,advhr,media,searchreplace,contextmenu,paste,directionality,noneditable,xhtmlxtras,template",
    theme_advanced_buttons1: "styleselect,formatselect,fontselect,fontsizeselect,justifyleft,justifycenter,justifyright,justifyfull,",
    theme_advanced_buttons2: "bold,italic,underline,strikethrough,cut,copy,paste,pastetext,pasteword,search,replace,insertfile,insertimage,",
    theme_advanced_buttons3: "undo,redo,link,unlink,image,cleanup,code,forecolor,backcolortablecontrols,removeformat,sub,sup,media,advhr,ltr,rtl",
    theme_advanced_toolbar_location: "top",
    theme_advanced_toolbar_align: "right",
    theme_advanced_statusbar_location: "bottom",
    theme_advanced_resizing: true,
    skin: "o2k7",
    skin_variant: "silver",
    content_css: "../../App_Themes/Document.css"
});

Answer 1

最合乎逻辑的解释是，您只使用元素选项指定其中一个选项。但如果情况并非如此，请提供更多细节。

Answer 2

theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_resizing : true,
theme_advanced_resizing_min_height : 100,

在您的代码工具栏中尝试对齐是'右'而不是'左'

Answer 3

使用mode: 'exact,'时，您需要指定所有elements（html元素的ID，应该转换为编辑器实例）：

elements: 'my_html_element_id1,my_html_element_id2,my_html_element_id3,my_html_element_id,my_html_element_id5',

或者您使用mode: "textareas",并注意您的网页上有5个textareas，并且不同的 ID。

还有其他可能的设置。您可以查看他们在有关the mode setting的tinymce文档中有一个lokk。