ホームページ >バックエンド開発 >PHPチュートリアル >javascript - 豆瓣读书的批注功能是如何实现的?

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

WBOY
WBOYオリジナル
2016-06-06 20:19:571944ブラウズ

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

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

回复内容:

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

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。