Какие кнопки панели инструментов доступны в CKEditor 4?

Ответ 1

Вы можете проверить образец панели инструментов в вашем пакете CKEditor.

Там вы указали все кнопки и все группы инструментов (так как CKEditor 4 есть два способа настройки макета панели инструментов), которые включены в вашей сборке CKEditor.

Если вы не видите кнопку, которую вы помните из CKEditor 3, проверьте, доступна ли она в вашей версии пакета CKEditor (теперь есть 3 - базовый, стандартный и полный). Некоторые плагины не включены ни в одну из этих сборников, и вы должны создать свой собственный.

PS. Если вы используете стандартный или стандартный файл сборки config.js, некоторые кнопки, такие как Underline, удаляются в этих пресетах, устанавливая config.removeButtons.

Ответ 2

Здесь - хороший список имен кнопок:

Полный список элементов панели инструментов для CKEditor

детали

• "Источник"
• "Сохранить"
• "NewPage"
• "DocProps"
• "Предварительный просмотр"
• "Печать"
• "Шаблоны"
• "документ"

детали

• "Вырезать"
• "Копировать"
• "Вставить"
• "PasteText"
• "PasteFromWord"
• "Отменить"
• "Повторить"

детали

• "Найти"
• "Заменить"
• "SelectAll"
• "Scayt"

детали

• "Форма"
• "Галочка"
• "Радио"
• "TextField"
• "Textarea"
• "Выбрать"
• "Button"
• "ImageButton"
• "скрытое"

детали

• "Жирный"
• "Курсив"
• "Подчеркивание"
• "Забастовка"
• "подстрочный"
• "надстрочный"
• "RemoveFormat"

детали

• "NumberedList"
• "BulletedList"
• "Выступ"
• "Отступ"
• "Blockquote"
• "CreateDiv"
• "JustifyLeft"
• "JustifyCenter"
• "JustifyRight"
• "JustifyBlock"
• "BidiLtr"
• "BidiRtl"

детали

• "Ссылка"
• "Unlink"
• "Якорь"

детали

• "CreatePlaceholder"
• "Изображение"
• "Flash"
• "Таблица"
• "HorizontalRule"
• "Смайлик"
• "SPECIALCHAR"
• "PageBreak"
• "Iframe"
• "InsertPre"

детали

• "Стили"
• "Формат"
• "Шрифт"
• "FontSize"

детали

• "TextColor"
• "BGColor"

детали

• "UIColor"
• "Maximize"
• "ShowBlocks"

детали

• "Button1"
• "button2"
• "Button3"
• "oembed"
• "MediaEmbed"

детали

• "О"

Ответ 3

Просто создайте собственную конфигурацию в visual Конфигуратор панели инструментов CKEditor

Пример сгенерированного:

CKEDITOR.editorConfig = function( config ) {
  config.toolbarGroups = [
    { name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
    { name: 'editing', groups: [ 'find', 'selection', 'spellchecker', 'editing' ] },
    { name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
    { name: 'forms', groups: [ 'forms' ] },
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi', 'paragraph' ] },
    { name: 'links', groups: [ 'links' ] },
    { name: 'insert', groups: [ 'insert' ] },
    { name: 'styles', groups: [ 'styles' ] },
    { name: 'colors', groups: [ 'colors' ] },
    { name: 'tools', groups: [ 'tools' ] },
    { name: 'others', groups: [ 'others' ] },
    { name: 'about', groups: [ 'about' ] }
  ];

  config.removeButtons = 'Form,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,BidiLtr,BidiRtl,Language,Styles,Font,Smiley,CreateDiv,Checkbox,Scayt,NewPage,About';
};

Ответ 4

Доступна опция подчеркивания, но по умолчанию она не отображается. Вам нужно удалить его из строки ниже в файле config.js.

config.removeButtons = 'Underline,Subscript,Superscript';