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

Question

默认情况下，CKEditor 将小部件按钮放在工具栏 'insert' 组中。我只想在工具栏上为我的小部件按钮指定一个自定义组。 我该怎么做？

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