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

2024-04-22 06:32:52

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

Demo及源码

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

【代码开放获取】在线PDF注释编辑器最便捷方案（基于pdf.js-dist）

功能模块

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

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

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

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

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

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

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

总结

我已经完成了仅使用 pdf.js-dist 的 pdf.js 增加注释最佳解决方案，并将 Demo 和代码获取方式放在：Demos-can I help you!。期待你的访问和使用。

关于获取代码后如何导入 pdf.js-dist，可以发送邮件到 weichaoxu1998@gmail.com 咨询我。

原文链接：

PDF.js注释功能最佳方案 – LibertyNLP-For Liberty & For NLP

实现pdf.js批注功能（高亮文本/下划线/导入导出）相关推荐

使用pymupdf获取pdf文档中的文本下划线信息（全网唯一解决方案）
1,问题描述最近,公司需要对一批pdf文档进行解析,获取其中文字,并再展示到前端页面上.如果单纯地提取文字,其实非常容易,但麻烦的在于保存原有文档中的文本格式,例如加粗.斜体.下划线,以及三者的各种 ...
【源码】PDF.js批注注释插件库(纯JS). 创建和保存PDF批注(PDF 高亮/签名/插图/截屏/文本框/画笔/多边形)-pdf.js
基于 PDF.js 开发了 PDF 批注注释插件库,支持多种批注类型,支持写入批注到pdf中并保存,为目前纯前端 JavaScript 最佳实现方案,完美支持老版浏览器.手机.平板等移动端设备,仅 ...
pdf.js批注_使用反射处理Java批注
pdf.js批注在上一篇有关Java注释的文章中,我概述了一个最近的用例,并为您提供了一些自定义注释的示例以及如何使用它们. 在本文中,我将更进一步,并提供一些自定义注释的示例,以及如何使用Java ...
oracle 文本下划线_字体真棒文本装饰和链接下划线
oracle 文本下划线 If I were to describe Font Awesome in a word, I think it would be...awesome. The icon ...
HTML文本下划线效果,聊聊CSS中文本下划线_CSS, SVG, masking, clip-path, 会员专栏, text-decoration 教程_W3cplus...
在Web中给文本添加下划线常常出现在链接的文本上,早期一般使用text-decoration属性给文本添加下划线.删除线等.除了text-decoration之外,CSS还有很多技术方案可以给文本添加 ...
Excel用正则表达式统一删除文本下划线的操作
今天小编要和大家分享的是,Excel用正则表达式统一删除文本下划线的操作,如下图所示 (方方格子插件) 1.先看动图演示吧 2.开始之前我们首先选中文本. 3.然后选择方方格子按钮. 4.选择 ...
text-decoration设置文本下划线失效
前言最近公司的一项业务中涉及到了文本下划线的问题,本来对于我们来说,下划线并不是难点,可曾想过,这里也能踩坑. 下划线? so easy! text-decoration: underline so ...
linux如何mysql实现导出数据库,Linux下MySQL导入导出数据库
linux下一.导出数据库用mysqldump命令(注意mysql的安装路径,即此命令的路径): 1.导出数据和表结构: mysqldump -u用户名 -p密码数据库名 > 数据库名.sq ...
vue 导入excel插件_Vue框架下实现导入导出Excel、导出PDF
项目需求:开发一套基于Vue框架的工程档案管理系统,用于工程项目资料的填写.编辑和归档,经调研需支持如下功能: Excel报表的导入.导出 PDF文件的导出打印表格经过技术选型,项目组一致决定通过 ...

最新文章

热门文章