如何突出显示文本，然后将其保存以便下次访问同一页面时显示？

Question

我正在尝试编写一个网站，允许用户突出显示某些文本（将背景更改为黄色），然后应用程序将保存它，以便下次他或她返回页面时，它将是已经是黄色了（好像他们从未离开过一样）。

这是两个问题合二为一：

1. 我可以使用window.getSelection().toString() 获取文本，但我不知道如何将其作为选择器获取，因此我可以将选择的背景更改为黄色。

2. 我不知道如何获取选择的“地址”。我需要这个，以便我可以将其保存到数据库中，并在用户下次加载页面时将其涂成黄色。

编辑目前正在调查：https://github.com/timdown/rangy

Answer 1

1. 您需要使用一个设置所需背景颜色样式的类将所选文本包装在 <span> 中。 This question 应该会有所帮助。

2. 这在某种程度上取决于您的后端架构。您可能想要存储element with the highlighted text，以及高亮的起点和终点的索引。然后，当再次提供页面时，相应地重新应用<span>。如果您没有在数据库中存储任何内容，您可以尝试将这些数据存储在 localStorage 中，然后对其进行解析并在页面加载时应用高亮显示。

编辑： 我可能误会了。如果您正在谈论重置实际突出显示（如文本被重新选择），you can do that with JavaScript as well。您仍然需要一种方法来存储用户的选择数据，无论是服务器端还是通过 localStorage。