designMode의 현재 커서 위치에서 무엇이 바뀌 었는지 탐지 할 수 있습니까?

Question

커스터마이징 된 서식있는 텍스트 편집기로 작업 중이며 커서를 어딘가에 배치하고 굵게, 기울임 꼴, 기울임 꼴 등의 명령이 현재 활성화/전환되어 있는지 확인할 수 있는지 궁금합니다. 분명히, browser는 designMode에서 이것을 추적합니다. 예를 들어 iframe 내부에 다음과 같은 텍스트가있는 경우 :

hello 세계!

그리고 나서 "world"라는 단어 안에 커서를 놓고 '굵은 글꼴'은 현재 문자열을 구문 분석하지 않고 토글되어서 태그 사이에 있음을 알게됩니다.

내가 현재 그 위치에 토글 무엇에 해당하는 에디터에를 SelectionChange 이벤트를 감지하고 해당 버튼 (들)을 강조 할 수 있도록이 같은이 원하는 이유

Answer 1

document의 queryCommandState() 방법 이 작업을 수행합니다

var isBold = document.queryCommandState("bold"); 

는 MDC, MSDN 및 Dottoro를 참조하십시오.