豆瓣阅读的批注功能和微信读书的划线功能怎么实现？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3165 天前的主题，其中的信息可能已经有所发展或是发生改变。

这两个功能有相似之处，都可以可以任选一段文字作为对象处理。不知道技术上怎么实现？如果原来的的被重新编辑了（甚至删除了），那批注或者划线怎么处理？或者禁止重新编辑？！

一直没有头绪，还请高人指点。

批注

划线

功能

任选

3 条回复 • 2016-04-23 20:04:43 +08:00

cszchen

2016-04-23 19:48:49 +08:00 via iPhone

以前做过源码批注，跟版本关联的，不然修改一下全乱了。

cszchen

2016-04-23 19:50:41 +08:00 via iPhone

根据需求来吧，我们以前主要是对 bug 代码批注，到了下一个版本， bug 已修复，批注丢了也没关系

TangMonk

2016-04-23 20:04:43 +08:00

我最近也在想做一个在线读书的网站，类似豆瓣和多看的。

我看了下他们的前端代码，大概就是根据字符的位置来判断的，比如下面是多看的：

划线标注的 Request ：

JSON 数据是这样的：

BeginRefPos 代表划线的开头， EndRefPos 代表划线的结尾。

让我们通过对比来分析下里面的数据：

数组里的第一个应该是个 id 键，第二个应该是字符在全文中的位置(但是感觉有点不对劲， 367 起始位置 + 4 字符位置 = 371 ，并不等于 EndRefPos 中的 377)，第三个到最后一个不太清除。

看到这里应该明白了吧。

再搜索下国外的在线电子书阅读软件，都没有一个有多看、豆瓣做的这么好的，国内的这方面技术真的不错。

我最近这个项目刚开始，还有很多技术难点要实现，如果有兴趣一起研究？ qq:466900340