多个tinymce textareas

Question

我使用tinymce作为动态生成至少5个文本的网页.
我使用的配置仅适用于第一个textarea.

tinyMCE.init({
    height : "300",
    mode : "exact",
    elements : "content",
    theme : "simple",
    editor_selector : "mceEditor",
    ...

<textarea class="mceEditor" name="content" rows="15" cols="40">content</textarea>

什么是在所有人中 启用tinymce编辑的配置textarea.

Answer 1

如果您使用的是"精确"模式,则需要指定要转换为编辑器的元素的ID.

function initMCEexact(e){
  tinyMCE.init({
    mode : "exact",
    elements : e,
    ...
  });
}
// add textarea element with id="content" to document
initMCEexact("content");
// add textarea element with id="content2" to document
initMCEexact("content2");
// add textarea element with id="content3" to document
initMCEexact("content3");

或者,您可以使用"textarea"模式,该模式不加区分地将编辑器应用于所有textareas.

function initMCEall(){
  tinyMCE.init({
    mode : "textareas",
    ...
  });
}
// add all textarea elements to document
initMCEall();

请记住,如果您要动态创建textareas,则需要在创建元素后调用tinyMCE.init(),因为它们需要存在才能使tinyMCE能够转换它们.

这是关于模式的文档.