cari

Rumah >pembangunan bahagian belakang >tutorial php >javascript - 豆瓣读书的批注功能是如何实现的？

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

WBOY
WBOYasal
2016-06-06 20:19:571944semak imbas

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

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

回复内容：

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

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

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

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：javascript - js 根据src的数量创建img标签？Artikel seterusnya：laravel的嵌套循环怎么写呢？

Artikel berkaitan

Lihat lagi