如何在kendo ui编辑器中添加行号。我没有看到任何设置来启用行号 http://docs.telerik.com/kendo-ui/controls/editors/editor/overview
答案 0 :(得分:0)
使用CSS3 Counters的路线。我不熟悉Kendo编辑器,因此请务必在CSS中添加除p
和ul > li
基本子元素之外的任何其他元素。
您可以保存以下要在编辑器中加载的CSS:
body {
counter-reset: editor;
padding-left: 3em;
}
body > p,
body > ul > li {
counter-increment: editor;
}
body > p:before,
body > ul > li:before {
content: counter(editor);
background: #CCC;
position: absolute;
left: 1em;
height: 100%;
width: 2em;
}
要在编辑器中添加自定义CSS,您可以将上述内容保存到文件中并进行初始化:
$("#editor").kendoEditor({
stylesheets: ["path_to_your.css"]
});