我们开源了一款PDF编辑器,支持可视化批注+审阅+大文档渲染

AI精读教程：《最系统的AI开发学习精品手册》

徐小夕

上期文章：

万字长文！深度拆解 JitWord 企业级协同文档的协同架构与 AI 融合实践

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

我们团队最近利用业余时间，开发了一款PDF编辑预览工具，目前已开源了SDK 版本，大家可以免费集成到项目中使用，支持完全本地化部署和集成。

先上一张Demo图：

演示地址：https://jitword.com/jit-pdf.html

下面是PDF编辑器的编辑预览界面：

github：https://github.com/jitOffice/jit-pdf-sdk

什么是Jit-PDF

Jit-PDF是一款 PDF 在线处理和预览集成方案。面向业务系统提供高保真 PDF 渲染、分页控制、缩放旋转、水印防泄露、主题切换与私有化接入等能力。我们设计了一套轻量化集成架构，同时设计了高可扩展的API，适合需要稳定嵌入式 PDF 能力的产品技术团队。

比较典型的应用场景有：

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

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

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

下面分享一下 JitPDF 的核心能力清单：

我们可以上传PDF文件，并进行高性能预览，同时还能对PDF内容进行搜索，高亮，批注，编辑自定义文本等，批注数据还能持久化存储。

我们在文档中提供了详细的使用DEMO，如上图所示，即便你不懂技术，也能根据我们提供的文档快速上手。

它和我们研发的在线 AI Word 编辑器 JitWord 可以相互配合，实现文档从编辑到预览的全链路打通。

万字长文！深度拆解 JitWord 企业级协同文档的协同架构与 AI 融合实践

如何使用

目前我们 JitPDF 支持多种方式引入：

CDN引入：

<!-- 推荐使用 jsDelivr CDN --><linkrel="stylesheet"href="https://cdn.jsdelivr.net/npm/jit-pdf@latest/dist/style.css" /><scriptsrc="https://cdn.jsdelivr.net/npm/jit-pdf@latest/dist/jit-pdf.umd.js"></script><!-- 或使用 unpkg CDN --><linkrel="stylesheet"href="https://unpkg.com/jit-pdf@latest/dist/style.css" /><scriptsrc="https://unpkg.com/jit-pdf@latest/dist/jit-pdf.umd.js"></script>

NPM引入：

# npmnpm install jit-pdf vue# yarnyarn add jit-pdf vue# pnpmpnpm add jit-pdf vue

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

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

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}