So aktivieren Sie die Zeilennummer im Kendo-Editor

Question

Wie Sie die Zeilennummer zum Kendo Editor hinzufügen. Ich sehe keine Einstellung zum Aktivieren der Zeilennummer http://docs.telerik.com/kendo-ui/controls/editors/editor/overview

Answer 1

Es gibt eine Route mit CSS3 Counters. Ich kenne den Kendo-Editor nicht. Stellen Sie also sicher, dass Sie neben den und ul > li Base-Child-Elementen im CSS noch weitere Elemente hinzufügen.

Sie können folgende CSS speichern im Editor geladen werden:

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; 
} 

Um benutzerdefinierte CSS im Editor hinzufügen, würden Sie die oben in eine Datei und in Ihrer Initialisierung speichern:

$("#editor").kendoEditor({ 
    stylesheets: ["path_to_your.css"] 
});