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

CKEditor: Insert text below nested list

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

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

见下图,下一个列表开始前有一个 "footer"。

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

考虑像 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);