TinyMce使用不同的编号样式嵌套有序列表十进制编号

时间:2016-11-24 05:16:51

标签: html css tinymce-4

背景

Tinymce编辑器支持嵌套编号列表。当然,编辑可以这样做,

enter image description here

现在要求显示这样的数字,

enter image description here

到目前为止

通过使用以下列表样式修改与编辑器关联的样式表(来自this answer)

,这是可行的。
ol { counter-reset: item }
li { display: block }
li:before { content: counters(item, ".") " "; counter-increment: item }

问题

现在的问题是,如果我选择其他数字格式(例如编辑器中的希腊语,如下所示)

enter image description here

如何让嵌套列表也使用与父列表相同的格式?

1 个答案:

答案 0 :(得分:1)

这是问题的解决方案,

<div class="class21">xxx</div>
<div class="class22">xxx</div>
<div class="class23">xxx</div>
<div class="class24">xxx</div>

<div class="class31">xxx</div>
<div class="class32">xxx</div>
<div class="class33">xxx</div>
<div class="class34">xxx</div>