Создание компонента панели инструментов для разделения панели инструментов на 2 части - PullRequest
Новая
       5

Создание компонента панели инструментов для разделения панели инструментов на 2 части

0 голосов
/ 30 мая 2018

Я пытаюсь разделить панель инструментов CKEditor 5 на две части, расположенные далеко друг от друга.Вот моя настоящая панель инструментов:

enter image description here

со следующим html-кодом:

enter image description here

Я хотел бы получить что-то вроде этого: 

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>

Я не могу понять,как этого добиться.У кого-нибудь есть идея?

1 Ответ

0 голосов
/ 01 июня 2018

Текущий ToolbarView не поддерживает разбиение на несколько строк.

Я могу вспомнить два довольно простых варианта:

  1. Расширить ToolbarView, поэтому он может сделать что-то подобное и использовать его непосредственно в своем собственном Editor классе или внедрить его вместо исходного ToolarView, как , который вы можете ввестиваши собственные значки .
  2. Заполните два отдельных экземпляра панели инструментов и используйте их в своем собственном классе редактора.

Кстати, простейшая реализация редактора, которую вы можетеиспользовать в качестве базы DecoupledEditor, которую вы можете увидеть здесь: https://docs.ckeditor.com/ckeditor5/latest/examples/builds/document-editor.html

...