HTML – 多个tinymce textareas

发布时间：2020-12-14 23:31:13 所属栏目：资源来源：网络整理

导读：我使用tinymce作为动态生成至少5个文本的网页. 我使用的配置仅适用于第一个textarea. tinyMCE.init({ height : "300",mode : "exact",elements : "content",theme : "simple",editor_selector : "mceEditor",...textarea class="mceEditor" name="content" r

我使用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>

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

解决方法

如果您使用的是“精确”模式,则需要指定要转换为编辑器的元素的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需要存在才能转换它们.

Here is the documentation on modes.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!