Как включить номер строки в редакторе kendo

Question

Как добавить номер строки в редактор kendo ui. Я не вижу никаких установок для включения номера линии http://docs.telerik.com/kendo-ui/controls/editors/editor/overview

Answer 1

Существует маршрут, использующий CSS3 Counters. Я не знаком с редактором Kendo, поэтому не забудьте добавить любые другие элементы, кроме базовых дочерних элементов p и ul > li в CSS.

Вы можете сохранить следующие 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"] 
});