지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 백엔드 개발 > PHP 튜토리얼 > javascript - 豆瓣读书的批注功能是如何实现的？

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

WBOY
풀어 주다： 2016-06-06 20:19:57
원래의
1948명이 탐색했습니다.

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

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

回复内容：

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

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

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

관련 라벨：
html javascript mysql php
원천：php.cn
이전 기사：javascript - js 根据src的数量创建img标签？ 다음 기사：laravel的嵌套循环怎么写呢？
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
URL 매개변수에서 얻은 PHP 배열이 예상대로 작동하지 않습니다. 카테고리 ID가 포함된 URL 매개변수가 있고 이를 다음과 같은 배열로 처리하려고 합니다. http://example.com?cat[]=3,9,13 PHP에서는 ...
에서 2024-04-06 22:09:02
0
1
1428
Apache에서 CustomLog 지시문을 어디에 배치해야 합니까? 저는 php:7.2-apachedocker를 사용하고 있습니다. 상태 확인 URL 로그인 액세스 로그를 비활성화해야 합니다. 이 링크를 기반으로 Customlog...
에서 2024-04-06 22:03:59
0
1
990
반환 값의 변수 형식은 무엇입니까? 저는 PHP를 처음 배우는 사람입니다. 코드 조각을 찾았습니다: if($x<time()){return[false,'error'];} 논리나 변수는 중요하지 ...
에서 2024-04-06 21:55:20
0
1
778
opentbs를 사용하여 odt 파일을 생성할 때 발생하는 문제: 동일한 키의 값이 별도의 열이 아닌 동일한 행에 표시됩니다. PHP를 사용하여 odt를 만들기 위해 OpenTbs라는 라이브러리를 사용하고 있는데, 열과 행이 동적으로 생성되기 때문에 사용하고 있습니다. 행과 열을 만드는 ...
에서 2024-04-06 20:18:18
0
1
483
루프 오버를 위해 ID별로 MySQL 결과 그룹화 mysql에 비행 데이터가 포함된 테이블이 있습니다. codeigniter3 travel_idair_idFlightDurationout_or_inflightdur...
에서 2024-04-06 17:27:56
0
1
406
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿