我可以在ckeditor中添加列表样式类型，例如“ a）”吗？

Question

有没有办法提供像这样的列表样式：

a)
b)
c)

在ckeditor的第4版中？

Answer 1

是的，您可以这样做：

CKEDITOR.instances.{{yourinstance}}.inserthtml('htmlcode')

要插入html，您需要在ckeditor.instanceready上执行此操作，只需发送所需代码的html代码即可。

CKEDITOR.instances.editor1.insertHtml('<ol type="A"><li>itema</li><li>itemb</li><li>itemc</li></ol>')

如果您想在按钮中使用它，则可以创建一个插件

注意：如果您确实需要a）项目，则我的示例输出A.项目，您需要在html和css上完成它

Answer 2

在https://stackoverflow.com/a/1636635/1891840中说明了您可以使用CSS使用a) b) c)等创建列表类型。因此，现在您只需要为此在ck编辑器中重建输出和CSS。

ol {
  counter-reset: list;
}
ol > li {
  list-style: none;
}
ol > li:before {
  content: counter(list, lower-alpha) ") ";
  counter-increment: list;
}

在我们的案例中，我们使用了另一个“技巧”来达到目标​​。只需将ol[style="list-style-type:lower-alpha"]替换为上面的ol。