서식 있는 텍스트 편집기의 기본 원칙
이 원리는 정말 간단해요! 서식 있는 텍스트 편집을 지원하는 브라우저의 경우 실제로 문서의 designMode 속성을 on으로 설정한 다음 document.execCommand('commandName'[, UIFlag[, value]])를 실행할 수 있습니다. commandName 및 값은 MSDN 및 MDC에서 찾을 수 있습니다. 예를 들어 글꼴을 굵게 표시하려면 document.execCommand('bold', false)를 실행합니다. 아주 간단하죠? 그러나 일반적으로 명령은 텍스트를 선택한 후에 실행되고 선택한 텍스트의 서식이 지정된다는 점은 주목할 가치가 있습니다. 각 브라우저에는 선택되지 않은 텍스트에 대해 이 명령을 실행하기 위한 다양한 처리 방법이 있습니다. 예를 들어 IE는 커서에 있는 레이블의 내용을 형식화할 수 있지만 다른 브라우저는 어떤 처리도 수행하지 않습니다. 자세히 설명하세요. 동시에 UIFlag 매개변수를 true로 설정하면 명령에 의해 트리거된 모든 사용자 인터페이스가 표시됩니다(있는 경우). 오늘 튜토리얼에서는 모두 false이며 값은 일부 commandNames에서만 사용할 수 있습니다. 위에 제공된 두 링크를 참조하세요.
현재 문서에 영향을 주지 않기 위해 일반적인 접근 방식은 페이지에 iframe 요소를 삽입한 다음 iframe(iframe.contentWindow.document를 통해 얻음)의 문서에서 작업하는 것입니다.
아주 간단하죠? 다음에 하나 만들어 보겠습니다.