剣道エディタで行番号を有効にする方法

Question

剣道UIエディタに行番号を追加するにはどうすればいいですか？行番号を有効にする設定がありません http://docs.telerik.com/kendo-ui/controls/editors/editor/overview

Answer 1

CSS3 Countersを使用するルートがあります。私は剣道エディタに慣れていないので、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"] 
});