html 서식있는 텍스트 선택 관리

Question

일부 HTML을 표시하는 웹 응용 프로그램 용 구성 요소를 작성 중이며 사용자가 선택한 텍스트의 선택 영역 경계를 캡처하고 조작하도록하겠습니다. 나는 이것을 window.getSelection()을 사용하여 간단한 div 엘리먼트로 (Mozilla를 위해) 성공적으로 수행했다. 그러나 브라우저 선택 API는 IE와 다릅니다.

대신 텍스트 영역을 사용하여 (선택 API와 상호 작용할 경우) 브라우저 전체에 걸쳐 균일 한 API가 있습니까? 그런 다음 스타일이 적용된 텍스트를 표시하려면이 위에 DIV를 오버레이해야하고 아마도 커서 등을 관리해야 할 것입니다.

기본적으로 나는 서식있는 텍스트 편집기를 원하지만 편집하지 않아도됩니다. 누구든지 빠른, 간단하고 크로스 브라우저 호환이에 대해 갈 가장 좋은 방법에 대한 조언이 있습니다. 나는 바퀴를 재발 명하는 시대를 보내고 싶지 않다 ...

(관심있는 사람은 온라인 XML 편집기 용이다.) 나는 xml 문서의 html 버전에서 사용자 선택을 캡쳐 한 다음 선택 오프셋을 보냈다. 정보를 서버에 보내면 실제 xml 문서가 마크 업됩니다).

친절 감사

스와 도움이되지 않습니다 텍스트 영역을 사용하여

Answer 1

: API는 하나가 일치하지 않습니다. 선택을위한 일관된 API를 얻으려면 IERange을 사용하는 것이 좋습니다.