jquery - 使用 javascript 共享文本突出显示

Question

我必须使用 jQuery Mobile 编写一个 webapp 来读取 HTML 文档，并在两个或多个正在阅读同一文档的用户之间突出显示和共享文本片段。例如，我和 Bob 正在使用这个 webapp 来阅读同一个网页；我希望 Bob 可以查看我的集锦，而我可以查看 Bob 的集锦。

问题是：如何在我的 webapp 实例中获取高光的绝对位置，以便将其发送到 Bob 的实例？你有什么建议吗？

Answer 1

你可能想要一个Range，你可以得到window.getSelection().getRangeAt(0)

如链接所述，该对象具有根据选择开始和结束的元素描述选择开始和结束的属性，以及与这些元素中第一个文本“空间”的数字偏移量。

要通过网络传递它，您需要一个一致的开始和结束元素标识符。如果文档中的每个元素都有一个相同的 ID，无论谁查看它，那么您都可以使用它。否则，您需要确定一些自定义序列化来唯一标识标记中的元素。