How to specify a separate toolbar group for widget buttons?

Question

By default, CKEditor places widget buttons in the insert group of the toolbar. I would like to specify a custom group on the toolbar only for my widget buttons. How can i do this?

Answer 1

In this case, you need to register the button yourself in order to have full control over it.

• The button property is not specified in the widget definition .
• Add a button using the ui.addButton() method. This button should use the widget command, which is created automatically based on the widget name.

So it might look like this:

 editor.widget.add( 'myWidget', { // For the widget command to work you have to // specify at least template or insert() callback. template: 'foo', ... } ); editor.ui.addButton( 'MyWidget', { label: 'My Widget', command: 'myWidget', toolbar: 'basicstyles,1' } )