TextRange
pasteHTML() for Firefox
IE has a handy function called pasteHTML while the other browsers implementing DOM2 Range don’t. var sel = document.selection; if (sel) { var rng = sel.createRange(); if (!rng) rng.pasteHTML(“<strong>Hello, <em>World!</em></strong>”); } The following code snippet shows how to implement the same function for Firefox, Google Chrome, Opera and Safari. var sel [...]
DOM2 Range를 사용한 pasteHTML 구현
Range 객체는 문서에서 선택된 영역의 데이터를 추출하거나 조작할 때 사용하는 객체입니다. 인터넷 익스플로러를 제외한 대부분의 브라우저는 DOM Level2에 정의된 Range 스펙을 따르고 있습니다. DOM은 표준 스펙이지만, IE TextRange의 pasteHTML 메소드를 사용할 수 없다는 점은 아쉬운 부분입니다. 예를 들어, IE에서는 다음과 같이 선택 영역의 텍스트를 치환하거나 새로운 텍스트를 삽입할 수 있었습니다. var sel = document.selection; if (sel) [...]