xul-获取选择 html

Question

我有以下函数，应该为网页上用户选择的区域获取 HTML。 这个功能似乎不能正常工作。

有时，它会获取也未选择的 html。

有人可以研究一下这个功能吗？ - 多谢。

//----------------------------------------获取选定的 HTML----------------- --------

函数 getSelectionHTML(){

if (window.getSelection)
{
    var focusedWindow = document.commandDispatcher.focusedWindow;
    var sel = focusedWindow.getSelection();
    var html = "";
    var r = sel.getRangeAt(0);
    var parent_element = r.commonAncestorContainer;         
    var prev_html = parent_element.innerHTML;
    if(prev_html != undefined)
    {
        return prev_html; 
    }
    return sel;
}
return null;

}

Answer 1

在我看来，您正在获取父元素的内容而不是选择本身。 如果父元素包含除您选择的内容之外的任何内容，那么您也会得到它。

var sel = focusedWindow.getSelection();

此行 返回 选择对象。 它包含用户选择的确切文本。 然后，您可以从选择中获取范围并获取 commonAncestorContainer。 因此，如果您有这样的代码：

<div id="ancestor">
    <p>First sentence.</p>
    <p>Another sentence.</p>
</div>

并且您的用户从第一个句子的“s”到第二个句子的“s”进行选择，那么 commonAncestorContainer 就是 div 元素，因此您还会得到文本的其余部分。

这样做的一个很好的理由是，如果您想保证自己有一个有效的 HTML 片段（这似乎是这种情况，由您的函数名称暗示），但如果您只想要选定的文本，则调用 toString 直接在范围上使用方法：

var focusedWindow = document.commandDispatcher.focusedWindow;
var sel = focusedWindow.getSelection();
var r = sel.getRangeAt(0);
return r.toString();