자바 스크립트로 텍스트 하이라이트 공유

Question

HTML 문서를 읽고 동일한 문서를 읽는 두 명 이상의 사용자간에 텍스트 조각을 강조 표시하고 공유하기 위해 jQuery Mobile을 사용하여 webapp를 작성해야합니다. 예를 들어, I와 Bob은이 웹 응용 프로그램을 사용하여 동일한 웹 페이지를 읽습니다. 나는 밥이 내 하이라이트를 볼 수 있고 나는 밥의 것들을 볼 수 있기를 바랄거야.

문제는 다음과 같습니다. 웹 응용 프로그램의 인스턴스에서 하이라이트의 절대 위치를 어떻게 얻을 수 있습니까?이를 Bob의 인스턴스로 보낼 수 있습니까? 제안이 있니?

Answer 1

당신은 아마 링크 설명대로 window.getSelection().getRangeAt(0)

으로 얻을 수 Range를 원하는, 그 객체는 선택이 시작 요소의 측면에서 선택의 시작과 끝을 설명하는 속성을 가지고에 종료 , 그리고 그 요소의 첫 번째 텍스트 "공간"에서 숫자 오프셋.

전선을 통해 전달하려면 시작 및 종료 요소에 대해 일관된 식별자가 필요합니다. 문서의 모든 요소가 누가 그것을보고 있는지에 관계없이 동일한 ID를 가지고 있다면, 그것을 사용할 수 있습니다. 그렇지 않으면 마크 업 내의 요소를 고유하게 식별하기 위해 사용자 정의 직렬화를 결정해야합니다.