Kendo Editor와 함께 사용하기

Question

나는 글자 한도를 초과하는 문자가 강조 표시되는 트위터 형 리치 텍스트 편집기를 만들려고합니다. 나는 this question을보고 편집을 시도했다.

검도 UI 편집기를 사용했으며 Tim Down의 랭키 라이브러리를 사용했습니다. Kendo의 인라인 편집기를 사용하면 복잡한 라이브러리가 효과적입니다.

<div contenteditable="true" class="rte"></div> 

텍스트 영역에 부착 할 때 작동해야하지만.

<textarea class="rte" maxlength="50"></textarea> 

Kendo가 iframe을 사용하기 때문에 어쩌면 인라인 편집기와 비슷한 텍스트 영역에서 rangy 라이브러리가 작동하지 않을 수 있습니다. 제한을 초과하는 문자는 강조 표시되지만 커서는 내용의 시작 부분으로 돌아갑니다.

누구든지 해결 방법을 알고 있습니까? 이것은 쉽게 고정 http://jsfiddle.net/G4jn7/12/

Answer 1

: : 여기에서 일한지 샘플입니다 당신은 iframe이의 아닌 주 문서에서 선택을받을하도록 지시하는 rangy.getSelection() 호출에 editor에 전달해야합니다.

데모 : http://jsfiddle.net/G4jn7/13/

rangy.getSelection(x)에서 x 사용할 문서를 식별하기 위해 몇 가지 중 하나 일 수 있습니다하십시오 Window, Document, <iframe> 요소 또는 문서 내의 비 iframe 요소.