1
头图

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

Demo地址

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

功能模块

  1. 文本高亮:高亮滑选的文本。
  2. 文本下划线:给滑选文本增加下划线。
  3. 编辑注释:复制、删除和跳转。
  4. 导出注释:导出标注给其他文献。
  5. 导入标注:导入其他标注。
  6. 下载标注:导出当前论文标注和批注为txt。
  7. 撤销标注:撤销当前页面的标注。

总结

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


ElasticPDF
2 声望1 粉丝

选择 IT 是因为热爱编程!ElasticPDF 是一款新国产 PDF 编辑器开发框架,基于开源 pdf.js 的渲染框架,增加了批注功能,批注产品力接近Adobe Acrobat,支持全离线运行,适用于公网及内网系统。