ckeditor - CKEDITOR 4 inline mode Toolbar in LI contenteditable

Question

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

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

当我按 ENTER 时，我不能不创建一个带有<P contentenditable="true">子项的新 LI，以便拥有用于格式文本选项的工具栏。

这里是 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但我觉得它不温柔；）