CKEDITOR 4.0 отключить панель инструментов динамически

Question

Я пытаюсь выяснить, как создать экземпляр ckeditor с панелью инструментов, прикрепленной к отдельному DIV из DIV. Я создаю экземпляр. Я вижу, что в конфигурационном массиве вы можете установить config.sharedSpaces = {top: 'div'} (по крайней мере, в более старых версиях), но я не могу это сделать на странице конфигурации, это нужно сделать на странице Я создаю экземпляры. Кто-нибудь знает как это сделать?

Вот как я создаю мой экземпляр:

CKEDITOR.replace('editor', { 
     toolbarGroups: [ 
      { name: 'document', groups: [ 'mode', 'document', 'doctools' ] }, 
      { name: 'clipboard', groups: [ 'clipboard', 'undo' ] }, 
      { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] }, 
      { name: 'colors' }, 
      { name: 'styles'}, 
      { name: 'paragraph', groups: [ 'list', 'align' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote' ] }, 
      { items: [ 'Image', 'Table', 'HorizontalRule', 'SpecialChar' ] }, 
      { name: 'links' }, 
      { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ] }, 
      { name: 'tools'} 
     ] 
    }); 

Да, я знаю, что могу использовать клон(), а что нет, но я надеялся на более чистым раствором.

Answer 1

Функция общих пространств недоступна в CKEditor 4.0. Он будет вновь введен в ближайшее время в CKEditor 4.1 - см. the ticket (он уже объединен с major).

Answer 2

Перед вашим инициализируем редактор, написать это:

<script> 
CKEDITOR.config.sharedSpaces = { 
    'top' : 'myToolbar', 
    }; 
</script> 

Если плагин sharedspaces не доступен загрузить его из http://ckeditor.com/addon/sharedspace

Answer 3

Для CKEditor 4.1+ вы можете использовать дополнительный Shared Space плагин (должен быть added to your CKEditor build).

<div id="top"> 
    <!-- This div will handle all toolbars. --> 
</div> 

<div> 
    <textarea id="editor1" name="editor1">My editor content</textarea> 
</div> 

<script> 
    CKEDITOR.replace('editor1', { 
     // Configure CKEditor to use the Shared Space plugin. 
     extraPlugins: 'sharedspace', 
     // The Resize plugin does not make sense in this context. 
     removePlugins: 'resize', 
     sharedSpaces: { 
      // Configure the editor instance to place the toolbar in the div id='top'. 
      top: 'top' 
     } 
    }); 
</script> 

Смотрите "Shared Toolbar and Bottom Bar" documentation с примерами кода и working demo с исходным кодом для копирования & скачать.