javascript - 使用 rangy 库获取所选文本的父节点

Question

我正在使用rangy库，可以在可编辑的内容中选择文本，如下所示：

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

我不知道如何获取选定的文本父节点/元素。例如，如果我选择的文本是

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

我怎样才能包含强节点或 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;
    }
}