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设置一个自定义菜单。

你能用课吗？

我只看到：var editor = CKEDITOR.inline( 'editable' );其中editable是HTML ID

由于

Answer 1

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

2. 或者您可以使用CKEDITOR.inline接受HTML元素或 ID /名称为docs的说法。

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

   虽然这不适用于IE7＆amp; 8，所以使用jQuery可以做到：

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

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