Erhalten des übergeordneten Knoten für ausgewählten Text mit rangy Bibliothek

Question

ich die rangy Bibliothek bin mit und bearbeitbaren Text in einem Inhalt auswählen können, wie folgt:

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

ich nicht herausfinden kann, wie in dem markierten Text zu erhalten Elternknoten/Element Zum Beispiel, wenn ich Text auswähle, der

ist

Wie kann ich den starken Knoten oder H1-Element auch einschließen?

Answer 1

sel.anchorNode.parentNode erhalten Sie den übergeordneten Knoten des Knotens mit nur einem Ende der Auswahl. Um das innerste enthaltende Element für die gesamte Auswahl zu erhalten, ist es am einfachsten, einen Bereich von der Auswahl zu erhalten und seine commonAncestorContainer Eigenschaft anzuschauen (die ein Textknoten sein kann, in diesem Fall müssen Sie seinen Elternknoten erhalten):

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