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

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

Demo地址


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

效果截屏


功能模块


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

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

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

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

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

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

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


总结


我已经完成了仅使用 pdf.js-dist 的 pdf.js 增加注释最佳解决方案,并将 Demo 放在 https://demos.libertynlp.com/#/pdfjs-annotation ,欢迎持续follow我,后续将会持续更行pdf.js 的使用教程。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容