ckeditor - CKEditor - 同一类的多个实例

Question

我有一个现有的应用程序，它有几个带有类的 div。

我想要的是让这些中的每一个都有CKEditor可供他们使用，即

<div contenteditable="true" class="myContent">some Text</div>
<div contenteditable="true" class="myContent">some Text</div>
<div contenteditable="true" class="myContent">Some Text</div>

这可以通过没有任何 . 来实现CKEDITOR.XX，但问题是我想为 div 设置一个自定义菜单。

你可以在课堂上做到这一点吗？

我只见过：HTMLvar editor = CKEDITOR.inline( 'editable' );在哪里editableID

谢谢

Answer 1

1. 您可以修改config.js放置在主 CKEditor 目录中的文件，在那里设置配置（适用于所有编辑器）。

2. 或者您可以使用CKEDITOR.inlinewhich 接受 HTML 元素或id/name 作为文档所说的。

   var elements = document.getElementsByClassName( 'myContent' );
   for ( var i = 0; i < elements.length; ++i ) {
       CKEDITOR.inline( elements[ i ], { /* config for this instance */ } );
   }
   

   虽然这不适用于 IE7&8，但使用 jQuery 你可以：

   var elements = $( '.myContent' );
   elements.each( function() {
       CKEDITOR.inline( this, { ... } );
   } );
   

3. 第三个选项是CKEDITOR.config.toolbarGroups全局覆盖。