使用javascript共享文本高亮显示

Question

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

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

Answer 1

您可能想要一个Range，可以使用window.getSelection().getRangeAt(0)

获得

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

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