Как убрать кнопки из CKeditor 4

Я наконец нашел, как, но мне не нравится этот способ, поскольку вместо того, чтобы удалять то, что вы не хотите, вы определяете, какие кнопки вы хотите (и просто не ставите то, что вам не нужно). Когда вы вызываете CKeditor.replace, вы можете определить панель инструментов следующим образом:

    CKEDITOR.replace( 'YOURE_TEXT_AREA_ID', {
    toolbar: [
    { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source', '-', 'Save', 'NewPage', 'Preview', 'Print', '-', 'Templates' ] },
    { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
    { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'Find', 'Replace', '-', 'SelectAll', '-', 'Scayt' ] },
    { name: 'forms', items: [ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ] },
    '/',
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat' ] },
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl', 'Language' ] },
    { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
    { name: 'insert', items: [ 'Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe' ] },
    '/',
    { name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
    { name: 'colors', items: [ 'TextColor', 'BGColor' ] },
    { name: 'tools', items: [ 'Maximize', 'ShowBlocks' ] },
    { name: 'others', items: [ '-' ] },
    { name: 'about', items: [ 'About' ] }
]
});

(для справки это стандартная полная панель инструментов) Элементы представляют кнопки, поэтому просто удаляйте ненужные элементы. Вот и все.

Есть ли лучший ответ?

Чтобы удалить кнопки, попробуйте:

$(document).ready(function() {
   CKEDITOR.config.removePlugins = 'Save,Print,Preview,Find,About,Maximize,ShowBlocks';
});

Список через запятую должен содержать название каждой кнопки, которую вы хотите удалить. Следующая ссылка представляет собой полный список кнопок, содержащих панель инструментов ckeditor:

список кнопок

В файле config.js внутри scripts / ckeditor / вашего проекта, просто сделайте следующим образом

config.removePlugins = 'elementspath,save,image,flash,iframe,link,smiley,tabletools,find,pagebreak,templates,about,maximize,showblocks,newpage,language';

config.removeButtons = 'Copy,Cut,Paste,Undo,Redo,Print,Form,TextField,Textarea,Button,SelectAll,NumberedList,BulletedList,CreateDiv,Table,PasteText,PasteFromWord,Select,HiddenField';

По умолчанию в комплекте есть удобный инструмент, который можно найти в ckeditor/samples/toolbarconfigurator/index.html. Позволяет настроить панель инструментов с помощью графического интерфейса.

После долгих раздумий с ручным удалением кнопки и стилизацией панели инструментов путем редактирования файла config.js, я нашел Конфигуратор Панели инструментов.

С этим вы можете легко включать или отключать кнопки. Измените порядок групп кнопок и добавьте разделители.

Он находится в папке /samples/toolbarconfigurator папки ckeditor. Просто запустите index.html. Конфигуратор панели инструментов включен во все различные пакеты загрузки на странице загрузки

Когда вы закончите создание панели инструментов, просто нажмите Get toolbar config и скопируйте стиль в файл config.js находится в основной папке ckeditor.

Откройте файл config.js и вставьте этот код

CKEDITOR.editorConfig = function( config ) {
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';
    config.removePlugins = 'blockquote,save,flash,iframe,tabletools,pagebreak,templates,about,showblocks,newpage,language,print,div';
    config.removeButtons = 'Print,Form,TextField,Textarea,Button,CreateDiv,PasteText,PasteFromWord,Select,HiddenField,Radio,Checkbox,ImageButton,Anchor,BidiLtr,BidiRtl,Font,Format,Styles,Preview,Indent,Outdent';
};

Это так просто. Измените файл config.js, как показано ниже

CKEDITOR.editorConfig = function (config) {

config.removePlugins = 'save,newpage,flash,about,iframe,language'; 
//The options which you don't need in the toolbar, you can add them in the above remove plugins list.

};

Попробуйте

config.removeButtons = 'Save'; 

, это полностью удалит кнопку сохранения.