如何为窗口小部件按钮指定单独的工具栏组？

Question

默认情况下，CKEditor将小部件按钮放在工具栏的“插入”组中。我想在工具栏上为我的小部件按钮指定一个自定义组。 我怎么能这样做？

Answer 1

在这种情况下，您需要自己注册按钮，以便完全控制它。

1. 在widget definition中未指定button属性。
2. 使用ui.addButton()方法添加按钮。此按钮应使用基于窗口小部件名称自动创建的窗口小部件命令。

所以看起来像这样：

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'
} )