【2024-04-22 源码】最新PDF批注注释插件库,pdf.js插件库,纯前端离线JavaScript库(PDF高亮、下划线、橡皮擦、文本框、画笔、历史记录)

简介: 一款基于 pdf.js 开发的PDF批注插件库,支持纯离线内网部署,功能完善、强大且在不断升级,极易上手,欢迎关注!

一款基于 pdf.js 开发的PDF批注插件库,功能完善、强大且在不断升级,极易上手,欢迎关注!
(注:非免费,面向公司用户)

Demo及源码

Demo和源码地址:https://demos.libertynlp.com
功能演示视频:https://www.bilibili.com/video/BV1jz421r7ZG/

封面.png

版本亮点

1. 强大的兼容性: 纯前端 JavaScript 插件库,兼容几乎所有框架、浏览器和系统,包括很多国产的系统及浏览器,甚至支持IE;

2. 完美的安全性: 代码已通过多家企业安全扫描,没有任何在线依赖,开箱即用,软件包结构与官方版保持一致,简单极易上手,支持完全离线的内网私有化部署;

3. 多方面的优化:
① 针对官方版有多项优化,如大文件分段快速加载;
② 中文渲染优化,解决了部分中文文本不显示的问题,特别是某些医疗领域的文档;
③ 针对工程图、地图优化渲染,解决了大比例尺下PDF内容模糊的问题,便于工程图、地图的测量等工作;

PDF库亮点.jpg

三大功能模块

批注文件管理模块.png

① 保存批注: 在PDF文件内保存批注并下载。
② PDF提取器: 从原始PDF中提取某些页面,生成新的PDF。
③ 导出批注: 以JSON格式导出批注,可存储在数据库中以及重载。
④ 导入批注: 导入JSON格式批注。
⑤ 导出批注: 地将批注和评论导出为txt文件。
⑥ 切换语言: 在中英文界面之间切换。
⑦ 设置: 批注样式设置,包括高亮颜色、下划线颜色和宽度、笔刷宽度和颜色、文本样式等。

批注功能模块.png

① 编辑批注: 调整批注的颜色、旋转、大小、位置和不透明度。
② 批注列表: 通过复制/删除、绘制连接线和添加评论来管理批注。
③ 文本高亮: 高亮选定的文本(跨页支持)。
④ 文本下划线: 给选定的文本添加下划线(跨页支持)。
⑤ 插入图片: 将图片,如电子签名,整合到您的PDF中。
⑥ 文档截图: 捕捉并保存PDF页面为PNG图像。
⑦ 手绘绘图: 自由手绘批注。
⑧ 文本框: 添加文本框。
⑨ 多边形: 添加各种形状,例如箭头、矩形、圆形、直线、对勾和身份证印章。
⑩ 超链接: 添加超链接到 URL,页面或在线文档。

批注管理模块.png

① 橡皮擦: 擦除批注的特定部分,包括文本框。
② 撤消: 可自定义步骤的撤消或重做批注。
③ 重做: 可自定义步骤的重做批注。
④ 清除批注: 清除单个批注、多个批注、整页批注或整个文档的批注。
⑤ 帮助: 显示帮助文档。

总结

基于纯JavaScript 和 pdf.js,我们开发了一款Web端PDF插件库,包含高亮、划线、画笔、多边形,历史记录等各类批注功能以及批注导入导出的管理模块,界面美观功能强大,且是现在为数不多的可以兼容IE 11的PDF批注插件
源码和Demo地址为 https://demos.libertynlp.com

目录
相关文章
|
JavaScript 前端开发 Java
通义灵码 Rules 库合集来了,覆盖Java、TypeScript、Python、Go、JavaScript 等
通义灵码新上的外挂 Project Rules 获得了开发者的一致好评:最小成本适配我的开发风格、相当把团队经验沉淀下来,是个很好功能……
2411 103
|
JavaScript 前端开发 Java
制造业ERP源码,工厂ERP管理系统,前端框架:Vue,后端框架:SpringBoot
这是一套基于SpringBoot+Vue技术栈开发的ERP企业管理系统,采用Java语言与vscode工具。系统涵盖采购/销售、出入库、生产、品质管理等功能,整合客户与供应商数据,支持在线协同和业务全流程管控。同时提供主数据管理、权限控制、工作流审批、报表自定义及打印、在线报表开发和自定义表单功能,助力企业实现高效自动化管理,并通过UniAPP实现移动端支持,满足多场景应用需求。
1427 1
|
前端开发 Java 物联网
智慧班牌源码,采用Java + Spring Boot后端框架,搭配Vue2前端技术,支持SaaS云部署
智慧班牌系统是一款基于信息化与物联网技术的校园管理工具,集成电子屏显示、人脸识别及数据交互功能,实现班级信息展示、智能考勤与家校互通。系统采用Java + Spring Boot后端框架,搭配Vue2前端技术,支持SaaS云部署与私有化定制。核心功能涵盖信息发布、考勤管理、教务处理及数据分析,助力校园文化建设与教学优化。其综合性和可扩展性有效打破数据孤岛,提升交互体验并降低管理成本,适用于日常教学、考试管理和应急场景,为智慧校园建设提供全面解决方案。
863 70
|
JavaScript 前端开发 API
|
存储 前端开发 JavaScript
|
资源调度 JavaScript 前端开发
Day.js极简轻易快速2kB的JavaScript库-替代Moment.js
dayjs是一个极简快速2kB的JavaScript库,可以为浏览器处理解析、验证、操作和显示日期和时间,它的设计目标是提供一个简单、快速且功能强大的日期处理工具,同时保持极小的体积(仅 2KB 左右)。
1063 24
|
前端开发 算法 NoSQL
前端uin后端php社交软件源码,快速构建属于你的交友平台
这是一款功能全面的社交软件解决方案,覆盖多种场景需求。支持即时通讯(一对一聊天、群聊、文件传输、语音/视频通话)、内容动态(发布、点赞、评论)以及红包模块(接入支付宝、微信等第三方支付)。系统采用前后端分离架构,前端基于 UniApp,后端使用 PHP 框架(如 Laravel/Symfony),配合 MySQL/Redis 和自建 Socket 服务实现高效实时通信。提供用户认证(JWT 集成)、智能匹配算法等功能,助力快速上线,显著节约开发成本。
622 2
前端uin后端php社交软件源码,快速构建属于你的交友平台
|
人工智能 JavaScript 关系型数据库
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
694 14
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
|
数据采集 JavaScript Android开发
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
847 7
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
|
JavaScript 前端开发 UED
PDF在线预览实现:如何使用vue-pdf-embed实现前端PDF在线阅读
本文详细介绍了如何在Vue项目中使用vue-pdf-embed实现PDF文件的在线展示。从项目初始化、插件集成到高级功能的实现和部署优化,希望对你有所帮助。在实际项目中,灵活运用这些技术可以大大提升用户体验和项目质量。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~

热门文章

最新文章