花了一周时间,我们开源了一款PDF编辑SDK,支持在线批注+脱敏

最近一直在深耕 AI Agent 与大模型应用,比如 JitKnow AI 知识库、JitWord协同AI文档、Pxcharts 超级表格,同时也持续在给大家分享 GitHub 上真正能落地、能解决实际问题的优质AI开源项目。

最近我们结合在文档协同办公领域的技术沉淀,做了一款PDF编辑工具,目前已开源了SDK 版本,大家可以免费使用,并支持集成到自己的项目中实现PDF的复杂处理能力。

先上一张图:

这个是我们做的 Jit-PDF 的文档站,里面有使用教程,开发文档,API介绍和DEMO案例,供大家参考。再来和大家分享一下我们设计的完整PDF编辑器界面:

话不多说,先上链接。

github:github.com/jitOffice/j...

演示文档:jitword.com/jit-pdf.htm...

什么是Jit-PDF

Jit-PDF是一款企业级 PDF 在线预览与集成方案。面向业务系统提供高保真 PDF 渲染、分页控制、缩放旋转、水印防泄露、主题切换与私有化接入能力。 保持前端集成足够轻,业务扩展足够深,适合需要稳定嵌入式 PDF 能力的产品团队。

比较典型的应用场景有:

  • 合同审批 / 电子签章前预览
  • 档案系统 / 公文系统 / 知识库
  • 客户门户 / 工单附件在线查看
  • 财报、报告、制度文件统一展示

之所以要做成独立的SDK,主要的原因在于我们接触了大量的企业,发现很多业务系统并不需要一个"大而全"的文档平台,而是需要一个足够稳定、足够专业、能在页面里快速落地的 PDF 预览能力。

JitPDF 就是把最常用、最关键的 PDF 能力抽成一个可嵌入、可控制、可定制的 SDK。

下面分享一下 JitPDF 的核心能力清单:我们可以上传PDF文件,并进行高性能预览,同时还能对PDF内容进行搜索,高亮,批注,编辑自定义文本等,批注数据还能持久化存储。我们在文档中提供了详细的使用DEMO,如上图所示,即便你不懂技术,也能根据我们提供的文档快速上手。如何使用目前我们 JitPDF 支持多种方式引入:CDN引入:

html 复制代码
<!-- 推荐使用 jsDelivr CDN -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jit-pdf@latest/dist/style.css" />
<script src="https://cdn.jsdelivr.net/npm/jit-pdf@latest/dist/jit-pdf.umd.js"></script>

<!-- 或使用 unpkg CDN -->
<link rel="stylesheet" href="https://unpkg.com/jit-pdf@latest/dist/style.css" />
<script src="https://unpkg.com/jit-pdf@latest/dist/jit-pdf.umd.js"></script>

NPM引入:

csharp 复制代码
# npm
npm install jit-pdf vue

# yarn
yarn add jit-pdf vue

# pnpm
pnpm add jit-pdf vue

我们还提供了详细的React项目和Vue项目使用的DEMO案例,大家可以在文档网站上体验:

下面附带一个完整的使用案例,不到20行,就能把PDF SDK集成到你的系统里:

typescript 复制代码
import { ref } from"vue"
import"jit-pdf/styles.css"
import {
  JitPdfEditor,
  createIndexedDbPdfEditorService,
type PdfSource
} from"jit-pdf"

const service = createIndexedDbPdfEditorService({
  databaseName: "jit-pdf-vue-demo"
})
const source = ref<PdfSource | null>(null)

const uploaded = await service.uploadFile(file)
source.value = {
  type: "local",
  fileId: uploaded.id,
  name: uploaded.name
}

当然,后续我们还会推出更多实用功能,大家欢迎留言反馈~

github:github.com/jitOffice/j...

开源不易,大家多多 star 哈~

相关推荐
还有你Y10 小时前
Shell 脚本语法
前端·语法·sh
踩着两条虫11 小时前
如何评价VTJ.PRO?
前端·架构·ai编程
Mh12 小时前
鼠标跟随倾斜动效
前端·css·vue.js
小码哥_常13 小时前
Kotlin类型魔法:Any、Unit、Nothing 深度探秘
前端
Web极客码14 小时前
深入了解WordPress网站访客意图
服务器·前端·wordpress
幺风15 小时前
Claude Code 源码分析 — Tool/MCP/Skill 可扩展工具系统
前端·javascript·ai编程
vjmap15 小时前
唯杰地图CAD图层加高性能特效扩展包发布
前端·gis
ZC跨境爬虫15 小时前
3D 地球卫星轨道可视化平台开发 Day7(AI异步加速+卫星系列精简+AI Agent自动评论)
前端·人工智能·3d·html·json
ID_1800790547315 小时前
淘宝 API 上货 / 商品搬家 业务场景实现 + JSON 返回示例
前端·javascript·json
M ? A15 小时前
Vue 动态组件在 React 中,VuReact 会如何实现?
前端·javascript·vue.js·经验分享·react.js·面试·vureact