Javascript 如何在ckeditor 4中显示具有不同列表样式类型的嵌套有序列表？

我维护一个集成了CKEDITOR 4的遗留应用程序。 我面临嵌套有序列表的显示问题。 用户使用bullet list插件以这种方式添加了一个有序列表

请参考屏幕截图

可以使用source按钮查看此HTML代码的源代码。以下是源代码的外观：

但是，当用户在查看模式下查看有序列表时，它并没有按预期显示。 请参阅此处的屏幕截图：

在视图页面中，我的应用程序中使用了许多其他css文件，这些文件会影响输出

div.docSection ol li {
  /* list-style-type: decimal;  Commenting this line is solving the problem */ 
  margin: auto;
  margin-left: 2.0em;
  padding: 0em;
}
.sectionDiv li {
  padding: 0;
  padding-left: 2em;
  margin: 0;
  margin-bottom: 0.2em;
  margin-right: 1em;
  /* list-style: none; Commenting this line is solving the problem */
  line-height: 1.6em;
}

---

如何确保有序列表显示在查看模式下不受影响。CKEDITOR 4中是否对此进行了设置？我们能在css规则中解决这个问题吗？

终于找到了解决这个问题的方法。我必须使用JQUERY来解决这个问题。 基本上，我超越了css规则，这些规则是由本地css规则从头css文件应用的。以下内容适用于嵌套有序列表和嵌套非有序列表，但不适用于混合嵌套列表

jQuery（文档）.ready（函数（）{
jQuery（'div.docSection'）。find（'ol'）。each（function（）{
var list_style_type=jQuery（this）.css（“列表样式类型”）；
jQuery（this）.find（'li'）.each（函数（）{
jQuery（this）.css（“列表样式类型”，列表样式类型）；
});
});
});