我设计了一个项目符号列表,其中包含两件事:
一种。蓝色箭头图像替换列表图标
b。每个列表项目上方和下方的虚线边框非常浅。
我想通过(CKEDITOR.stylesSet)将其构建到CKEditor中,以便用户可以从下拉列表中选择此特定样式的列表,而不必编写任何代码即可。
我已经成功实现了可以创建具有特定类的列表的功能(现在已经具有主题),但是由于似乎同时应用虚线和蓝色箭头的唯一方法是遇到问题使用CSS3使用多个背景,SURPRISE在IE8或更低版本中不起作用。
如果我添加了一些DOM污染(即,将列表项文本括在一个范围内),则可以以此为主题;但是,似乎CKEDITOR.stylesSet仅允许为每种样式设置一个元素(即,我可以将ul设置为元素,或者将li设置为元素,但是无法使用一种样式在UL上设置类并包围li li元素的文本(跨度)。
还是在那里?我正在考虑退回JavaScript,但是我也愿意接受其他建议来完成自己的工作。
谢谢!
最佳答案
箭头或虚线都不需要使用背景图像。两者都可以通过CSS完成。 CKEditor所需要做的只是将一个类应用于(听起来像已经是),然后使用类似于以下内容的CSS:
.styled li {
border-top: dotted 1px black;
border-bottom: dotted 1px black;
}
.styled
{
list-style: square url('http://www.wcb.ny.gov/site_images/blueArrow.gif')
}
完整的工作示例:http://jsfiddle.net/jwynveen/ZhjCK/
关于css - 向涉及多个元素的CKEDITOR.stylesSet添加条目,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13377620/