익스플로러 호환성
-
editor에 이미지 미리보기 시 createRange 오류익스플로러 호환성 2016. 8. 9. 15:27
1. 해결 하기 앞서 이해하고 넘어가기 위한 자료 문제: 요새 우리 서비스는 글쓰기 에디터에 몇 가지 골치 아픈 버그가 있어 어려움을 겪고 있다. 이 작업은 주로 뒷자리 A가 하고 있는데, 도움을 주고 싶어도 에디터 쪽은 기반 지식이 좀 있어야 해서 어렵더라. 에디터에서는 셀렉션과 레인지에 대한 이해가 꼭 필요하다고 한다. 몇 달 전에 summernote 에디터를 작성한 에디터 전문가 H에게 일장 강의를 들은 적도 있는데... 다 까먹었다… -_-;; 함수의 동작보다는, 앵커니 포커스니 하는 개념을 잘 몰라 이해하기 어렵더라. 이 참에 MDN 페이지를 보고 정리해두려고 한다. 해결책: Selection Selection 은 window.getSelection() 이나 다른 메서드의 호출로 생성되는 객체이..
-
HtmlDOM VS CoreDOM 차이점익스플로러 호환성 2015. 11. 18. 15:30
DOM ? Document Object Model의 약자로 웹 문서에 사용되는 요소를 객체화 시킨 모델을 말한다. Core DOM Core DOM 최초 객체 모델이 완성된 1988년 부터 HTML과 XML등을 다루기 위해서 생겨났다. 이후 HTML DOM과 XML DOM등이 추가 되었지만 Core DOM은 웹 브라우저간의 호환성이 뛰어나서 주로 사용된다. 버튼 HTML DOM : b1 Core DOM: document.getElemnetById("b1") Core DOM에서 HTML 객체 호출 getElementById(): id 속성 값을 사용해 객체를 가져온다. getElementByTabName(): 태그 이름을 사용하여 모든 객체를 불러와서 배열로 받는다. document.getElementByI..