Pierwsze węzeł nadrzędny dla zaznaczonego tekstu z smukły biblioteki

Question

używam biblioteki rangy i można zaznaczyć tekst w zawartości edycji następująco:

var sel = rangy.getSelection(); 
alert(sel); 

nie mogę dowiedzieć się, jak uzyskać zaznaczonego tekstu węzeł/element macierzysty. Na przykład, jeśli wybieram tekst, który ma być w jaki sposób mogę dołączyć silny węzeł lub element H1 również?

Answer 1

sel.anchorNode.parentNode spowoduje przejście do węzła nadrzędnego węzła zawierającego tylko jeden koniec zaznaczenia. Aby uzyskać najgłębszy element zawierający cały wybór, najłatwiej jest uzyskać zasięg z zaznaczenia i sprawdzić jego właściwość commonAncestorContainer (która może być węzłem tekstowym, w którym to przypadku trzeba uzyskać jego obiekt nadrzędny):

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