Question

更新：此问题是尝试突出显示文本并将其突出显示在数据库中以便稍后加载的更大努力的一部分。

我正在关注此处使用的代码：Range object with JSON 我试图捕获用户选择的文本位置以存储在数据库中，然后在ajax调用上恢复。

首先，我想让我得到的xpath看起来像这样

endXPath: "/HTML[1]/BODY[1]/DIV[1]/DIV[5]/P[3]/text()[1]"

看起来像这样

endXPath: "/DIV[5]/P[3]/text()[1]"

第一个示例中的DIV [1]的ID为“content”。

我相信这条路径来自这个功能

function makeXPath (node, currentPath) {
  /* this should suffice in HTML documents for selectable nodes, XML with namespaces needs     more code */
  currentPath = currentPath || '';
  switch (node.nodeType) {
    case 3:
    case 4:
      return makeXPath(node.parentNode, 'text()[' + (document.evaluate('preceding-sibling::text()', node, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null).snapshotLength + 1) + ']');
    case 1:
      return makeXPath(node.parentNode, node.nodeName + '[' + (document.evaluate('preceding-sibling::' + node.nodeName, node, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null).snapshotLength + 1) + ']' + (currentPath ? '/' + currentPath : ''));
    case 9:
      return '/' + currentPath;
    default:
      return '';
  }
}

从我到目前为止所读到的，我猜我需要更改contextNode？但我不知道如何做到这一点。

Answer 1

有一个JQuery插件可以完成此调用Annotator。它内置了所有内容以突出显示，存储突出显示并添加关于突出显示的注释。

如何使用Javascript获取相对Xpath

1 个答案: