CKEDITOR 4内联模式LI中的工具栏可满足

Question

在CKEDITOR 4中我使用的是内联模式

我有一个带有<ul contenteditable="true">

的项目符号列表

当我按下ENTER时，我无法创建一个带有<P contentenditable="true">子项的新LI，以获得格式文本选项的工具栏。

Here the JSFIDDLE

And here the list plugin source

Answer 1

您无法在<ul>元素上构建编辑器，因为CKEditor的设计并非如此。您可以通过在控制台中调用CKEDITOR.dtd.$editable来找到可编辑元素列表：

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

您可以将列表包装在div元素中，使其可编辑并在检索数据时删除。 There's a simple example如何修改编辑器输出中的元素。处理div时，您需要return false。就是这样。

您也可以使用RegExp执行此操作，但我发现它并不温和;）