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, но проблема, я хочу, чтобы иметь настраиваемое меню для разделов.

Можете ли вы сделать это с помощью классов?

Я только видел: var editor = CKEDITOR.inline('editable'); где editable является HTML ID

Благодаря

Answer 1

1. Вы можете изменить config.js файл, который помещается в основном каталоге CKEditor, настройка конфигурации есть (для всех редакторов).

2. Или вы можете использовать CKEDITOR.inline, который принимает HTML-элемент или id/name как docs say.

   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 глобально.