CKEditor：在嵌套列表下方插入文本

【问题标题】：CKEditor: Insert text below nested listCKEditor：在嵌套列表下方插入文本
【发布时间】：2017-09-29 12:50:36
【问题描述】：

我尝试直接询问CKEditor的工作人员，但他们只会回答关于SO的问题：

是否可以在嵌套列表下方插入一行文本，与原始列表项具有相同的缩进？

见下图，在下一个列表开始之前有一个“页脚”。

通过更改生成的 HTML，我可以将文本插入到 'ol' 的 'li' 标记中并获得所需的结果。问题是，我的客户将无法摆弄 html。如果无法使用 CKEditor，是否有任何其他基于 javascript 的富文本编辑器可以帮助我？

【问题讨论】：

标签： list formatting ckeditor wysiwyg rich-text-editor

【解决方案1】：

想想 CKEditor 编辑器区域，如 iframe 或分离的 html 页面。这意味着您可以像使用 js 编辑 html 一样编辑 CKEditor 文档。您可以编写类似这样的 js 函数或 ckeditor 命令：

var ckbody = CKEDITOR.instances["textarea"].document.getBody();
var firstUL = ckbody.document.getElementsByTagName("UL")[0];
var nestedUL = firstUL.document.getElementsByTagName("UL")[0];
var myFooter = new CKEDITOR.dom.element( 'span' );
myFooter.innerHTML = "This is my list footer.";
nestedUL.parentNode.insertBefore(myFooter, nestedUL.nextSibling);

【讨论】：

我最终使用了不同的工具，但您的方法似乎很正确，并且可能对其他人有所帮助。