Как добавить новую кнопку в группу с CKEditor

Question

Я использую следующую конфигурацию:

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

    // The default plugins included in the basic setup define some buttons that 
    // we don't want too have in a basic editor. We remove them here. 
    // config.removeButtons = 'Cut,Copy,Paste,Undo,Redo,Anchor,Underline,Strike,Subscript,Superscript'; 
    config.removeButtons = 'Strike,Subscript,Superscript'; 

    // Let's have it basic on dialogs as well. 
    config.removeDialogTabs = 'link:advanced'; 

    config.extraPlugins = 'insertpre,format,justify,maximize'; 

Все работает нормально, но кнопка разворачивания всегда идет на второй строке панели инструментов. Есть ли способ, который я могу сделать так, чтобы максимизировать комбинации рядом с некоторыми другими кнопками, такими как кнопка insertpre?

Answer 1

Вам необходимо настроить панель инструментов item by item, чтобы контролировать точное положение каждой отдельной кнопки. По умолчанию Maximize принадлежит группе tools, поэтому вы можете также разместить всю группу в верхней части панели инструментов:

config.toolbarGroups = [ 
     { name: 'document', groups: [ 'tools', 'mode', 'document', 'doctools', 'maximize'] }, 
     ... 
];