Home >Backend Development >PHP Tutorial >javascript - 豆瓣读书的批注功能是如何实现的?

javascript - 豆瓣读书的批注功能是如何实现的?

WBOY
WBOYOriginal
2016-06-06 20:19:571944browse

像这样可以选中任意文字进行批注,看了下前端的代码是把每个字都用span标签给包裹起来并且有数字排序(感觉应该是从数据库取出文章后再进行处理的),想知道后台数据库是怎么进行处理和存储的,有没有现有的框架或库可以借鉴?
如果是从数据库取出文章再对每个字进行处理和排序,那么删改原文之后原先的批注是不是会失效?

javascript - 豆瓣读书的批注功能是如何实现的?

回复内容:

像这样可以选中任意文字进行批注,看了下前端的代码是把每个字都用span标签给包裹起来并且有数字排序(感觉应该是从数据库取出文章后再进行处理的),想知道后台数据库是怎么进行处理和存储的,有没有现有的框架或库可以借鉴?
如果是从数据库取出文章再对每个字进行处理和排序,那么删改原文之后原先的批注是不是会失效?

javascript - 豆瓣读书的批注功能是如何实现的?

两个关键点,批注偏移位置和偏移量就可以快速定位批注位置和文本合一下就行了

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn