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

Question

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

Answer 1

Существует маршрут с использованием счетчиков CSS3. Я не знаком с Редактором Кендо, поэтому обязательно добавьте любые другие элементы, кроме 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"]
});