은 넓은 도서관

Question

나는 rangy 라이브러리를 사용하고 다음과 같이 편집 가능한 콘텐츠의 텍스트를 선택할 수 있습니다

으로 선택한 텍스트의 부모 노드를 얻기 부모 노드/요소. 나는 텍스트를 선택하고있어 예를 들어, 내가 강한 노드 나 또한 H1 요소를 포함 할 수있는 방법

<strong>My Text</strong> 
or 
<h1>My Title</h1> 

입니다?

Answer 1

sel.anchorNode.parentNode 노드의 부모 노드가 선택 항목의 한쪽 끝만 표시됩니다. 전체 선택을 가장 안쪽에 포함하는 요소를 얻으려면 가장 쉬운 방법은 선택 영역에서 Range를 가져 와서 commonAncestorContainer 속성 (텍스트 노드 일 수도 있음)을 확인하는 것입니다.

var sel = rangy.getSelection(); 
if (sel.rangeCount > 0) { 
    var range = sel.getRangeAt(0); 
    var parentElement = range.commonAncestorContainer; 
    if (parentElement.nodeType == 3) { 
     parentElement = parentElement.parentNode; 
    } 
}