HTML – 多个tinymce textareas

前端之家收集整理的这篇文章主要介绍了HTML – 多个tinymce textareas前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用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.

原文链接:https://www.f2er.com/html/228523.html

猜你在找的HTML相关文章