CKEDITOR 4 Встроенный режим Панель инструментов в LI contenteditable

Question

В CKEDITOR 4 я использую встроенный режим

У меня есть BulletedList с <ul contenteditable="true">

и когда я нажимаю ENTER, я не могу не создать новый LI с <P contentenditable="true"> дети, чтобы иметь панель инструментов для параметров форматирования текста.

Здесь JSFIDDLE

А вот список плагинов источника

Answer 1

Вы не можете построить свой редактор на <ul> элемент, потому что CKEditor не был разработан для такой работы. Вы можете найти список редактируемых элементов, позвонив CKEDITOR.dtd.$editable в вашей консоли:

CKEDITOR.dtd.$editable
>>> Object {address: 1, article: 1, aside: 1, blockquote: 1, body: 1…}

Вы можете обернуть свой список в элемент div, сделать его редактируемым и вырезать при получении данных. Есть простой пример того, как изменить элементы на выходе редактора. Вам нужно будет return false когда ваш div обрабатывается. Это оно.

Вы также можете сделать это с RegExp но я не нахожу это нежным;)