likes
comments
collection
share

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

作者站长头像
站长
· 阅读数 8

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

Demo及源码

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

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

功能模块

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

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

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

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

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

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

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

总结

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

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