검도 편집기에서 줄 번호를 활성화하는 방법

Question

검도 UI 편집기에 줄 번호를 추가하는 방법. 줄 번호를 활성화하는 설정이 없습니다. http://docs.telerik.com/kendo-ui/controls/editors/editor/overview

Answer 1

CSS3 Counters을 사용하는 경로가 있습니다. 나는 Kendo Editor에 익숙하지 않으므로 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"] 
});