划词高亮功能的实现附带开源代码

划词高亮功能的实现附带开源代码

源码:github.com/summerblue/annotator

合并以下两个开源类库:

以此来实现标记高亮文章内容。

对比常见的 XPATH 记录位置

优点是能更加精准定位到高亮内容,而不会出现 DOM 改变后,内容错误标记的情况。

缺点是页面会出现重复的标示,不过这个可以通过提示用户增加标示字数来解决。

太少字数的内容、或者出现频率太高的内容,其实也没必要标示。所以从实际使用上来讲也不会是个大问题。

讨论请前往:

本作品采用《CC 协议》,转载必须注明作者和本文链接
摈弃世俗浮躁,追求技术精湛
本帖由系统于 3年前 自动加精
Summer
讨论数量: 3

👍,学到了。还可以用印象笔记,顺便加备注。

3年前 评论
王老板的前端

@Summer 感谢丫。一直想实现类似的效果,划词高亮,划词评论。

3年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!