Почему моя панель инструментов не появляется на моем CKEditor

Question

Я прочитал учебное пособие на веб-сайте CKEditor, но не могу понять, почему моя панель инструментов не появляется на CKEditor. Первоначально у меня была вся панель инструментов по умолчанию, но теперь она вернулась к тому, чтобы просто быть текстовой областью. Может кто-нибудь помочь, пожалуйста? Код выглядит следующим образом:

$(function() { 

    CKEDITOR.replace('txtBodyText', 
     config.toolbar=[ 
      { name: 'basicstyles', items: ['Bold', 'Italic', 'Underline'] }, 
      { name: 'list', items: ['NumberedList', 'BulletedList'] }, 
      { name: 'Indent', items: ['Outdent', 'Indent'] }, 
      { name: 'align', items: ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'] }, 
      { name: 'links', items: ['link', 'unlink;'] }, 
      { name: 'insert', items: [ 'Image', 'Table', 'HorizontalRule'] }, 
      { name: 'styles', items: [ 'Font', 'FontSize'] }, 
      { name: 'Clipboard', items: ['Cut', 'Copy', 'PasteText', 'PasteFromWord'}, 
      { name: 'undo', items: [ 'Undo', 'Redo'] }, 
      { name: 'tools', items: [ 'Maximise'] }, 
      { name: 'mode', items: [ 'Source'] } 

     ]); 
}) 


<td class="prompt">Body</td> 
      <td> 
       <%: Html.TextArea("txtBodyText", Model.EmailTemplate.BodyText)%> 
      </td> 

Answer 1

У меня была дополнительная пара кронштейнов внизу. Если в Javascript есть проблема, он не будет запускать весь сегмент кода. Так что лучше всего проверить!

Answer 2

Это не похоже на действительный второй аргумент функции замены. Это может быть полезным:

var configObject = {}; 
configObject.toolbar = [ 
    [ 'Source', '-', 'NewPage', 'Preview', '-', 'Templates' ], 
    [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ], 
    '/', 
    [ 'Bold', 'Italic' ] 
]; 
CKEDITOR.replace('txtBodyText', configObject); 

Посмотрите разницу между этими двумя? Второй аргумент для замены должен быть действительным объектом JavaScript. В вашем примере была опечатка: см. unlink;? Это не совсем правильно :).

Answer 3

CKEDITOR.replace() принимает идентификатор элемента для замены редактором и конфигурацией. Тем не менее, вам не нужно писать:

CKEDITOR.replace('txtBodyText', 
    config.toolbar=... 

это достаточно просто использовать toolbar, без предшествующего config. А также, как указано выше, код JavaScript неверен (обратите внимание на ваш = вместо :):

CKEDITOR.replace('txtBodyText', { 
    toolbar: ... 
}); 

Посмотрите, как это делается в образцах из CKEditor SDK, например, Custom Toolbar sample. Прокрутите вниз, чтобы получить полный исходный код образца.

Не забудьте очистить кеш браузера после изменения конфигурации редактора!