javascript - 你如何在整个文档中精确定位一个词或一个选择？

Question

我试图在我的网站上突出显示部分文本。此突出显示的文本将为特定用户保存在数据库中，当再次打开文档时，它将显示先前突出显示的文本。我以为我会使用 javascript 来突出显示文本，但我似乎无法找到一种方法来查明我要突出显示的单词所在的位置。

function getSelText()
{
    var txt = '';
     if (window.getSelection)
    {
        txt = window.getSelection();
             }
    else if (document.getSelection)
    {
        txt = document.getSelection();
            }
    else if (document.selection)
    {
        txt = document.selection.createRange().text;
            }
    else return "";
    return txt;
}

我正在使用它来获取选择，但我无法弄清楚选择在文本中的位置。最大的烦恼是当我在行或文本中有重复时，所以如果我要使用搜索，那么我会找到第一个实例而不是我正在寻找的那个。

所以问题是:如何在整个文档中精确定位一个词或一个选择？

Answer 1

您可以使用我的 Rangy图书馆及其selection serialization module为了这。 Rangy 的核心为所有浏览器提供一致的 Selection 和 Range API，序列化程序模块通过将每个选择边界转换为通过文档的路径构建在此基础上。有关详细信息，请参阅链接文档。