创建工具栏组件以将工具栏划分为2个

Question

我试图将我的CKEditor 5工具栏分成两部分，彼此相距很远。这是我的实际工具栏：

使用以下html呈现的代码：

我想要的是这样的事情：

toolbar: [
  'heading',
  'bold',
  'italic',
  'underline',
  '=', // this is the delimiter 
  'alignment:left',
  'alignment:right',
  'alignment:center'
],

我想基于该分隔符生成此代码：

<div style="display: flex; flex-direction: row; justify-content: space-between;">
    <div>
        <!-- part 1 before the = -->
    </div>
    <div>
        <!-- part 2 after the = -->
    </div>
</div>

我无法弄清楚如何实现这一目标。有人有想法吗？

Answer 1

当前ToolbarView不支持拆分为多行。

我可以想到两个非常简单的选择：

1. 扩展ToolbarView以便它可以执行类似的操作，并直接在您自己的Editor课程中使用它，或者像you can inject your own icons一样注入原始ToolarView。
2. Fill两个单独的工具栏实例，并在您自己的编辑器类中使用它们。

BTW，您可以作为基础使用的最简单的编辑器实现是DecoupledEditor，您可以在此处查看：https://docs.ckeditor.com/ckeditor5/latest/examples/builds/document-editor.html

Answer 2

如果您希望实现此功能，请https://github.com/ckeditor/ckeditor5/issues/6146对此问题进行跟踪，请在故障单上加个大拇指。