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

Question

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

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

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

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

Answer 1

考虑像iframe或分离的html页面这样的CKEditor编辑器区域。 这意味着您可以使用与使用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);