ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

实现pdf.js批注功能(高亮文本/下划线/导入导出)

2022-07-26 23:01:26  阅读:174  来源: 互联网

标签:下划线 Demo js 注释 pdf 文本 标注


Abstract

我开发了pdf.js增加注释的最佳实现方案,仅使用了PDF.js dist版本,可以十分方便的集成到任意web项目中。

Keywords: PDF.js , 注释 , Demo , 源码 , pdf.js-dit , 导入。

 

Demo及源码

Demo和源码在:https://demos.libertynlp.com/#/pdfjs-annotation 我仅仅基于 pdf.js-dist 完成了注释功能的开发,如果你想集成到项目中的话,将会是非常容易的事情。

 

功能模块

① 文本高亮:高亮滑选的文本。

② 文本下划线:给滑选文本增加下划线。

③ 编辑注释:复制、删除和跳转。

④ 导出注释:导出标注给其他文献。

⑤ 导入标注:导入其他标注。

⑥ 下载标注:导出当前论文标注和批注为txt。

⑦ 撤销标注:撤销当前页面的标注。

 

总结

我已经完成了仅使用 pdf.js-dist 的 pdf.js 增加注释最佳解决方案,并将 Demo 放在 https://demos.libertynlp.com/#/pdfjs-annotation 期待你的访问和交流。

欢迎持续关注我,我将会持续更新pdf.js的开发教程。

 

标签:下划线,Demo,js,注释,pdf,文本,标注
来源: https://www.cnblogs.com/libertynlp/p/pdfjs-annotation.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有