看得清，批得准，
协作有边界。

Name: InkLayer
Author: InkLayer

为 JavaScript 打造的 PDF 查看与批注 SDK，支持 React 与 Vue。

快速开始

inklayer.dev/viewer-demo

一份文档，四层能力

从打开文档，到留下批注、多人讨论和权限控制，能力沿着审阅流程自然展开。

览

先把文档看清楚

PdfViewer 专注于阅读：加载、缩放、搜索和清晰渲染，保持轻量纯粹。

<PdfViewer url="/document.pdf" />

注

在原文上直接表达

PdfAnnotator 提供 10+ 种批注、评论与状态管理；无论怎样缩放，批注都紧贴原文。

高亮文本手写图形印章

协

让批注彼此关联

在评论与回复中用 # 引用其他批注；悬停查看上下文，点击即可跨页定位。

王明这里与 #4 的要求冲突李青已更新，请复核 #1

权

谁创建，谁管理

默认由创建者管理自己的批注；其他人可以查看和回复，管理员权限则由你的业务规则决定。

拥有者 · 完整管理参与者 · 查看与回复管理员 · 按规则放行

阅读，还是审阅

根据产品需要，选择轻量查看或完整批注能力。

PdfViewer

专注阅读，提供文档加载、全文搜索、缩放与界面扩展能力。

轻量查看
全文搜索
工具栏与侧栏插槽

PdfAnnotator

查看能力之上，加入批注、评论、权限、数据保存与导出。

10+ 种批注
批注引用、协作回复与跨页定位
协作权限与 PDF / Excel 导出

每一笔都有归属

切换当前用户，直观看到谁能编辑这条批注，谁只能查看或回复。

SERVICE AGREEMENT

文档审阅条款

所有参与方应在交付前完成内容复核，并在文档中保留明确的修改说明。

每一条批注应保留创建者信息和可追溯的处理状态。

王明

请确认这里的处理状态是否需要审批。

当前用户

选中批注王明的批注

权限依据owner-only

当前权限允许编辑

annotationPermissions={{ mode: 'owner-only' }}

从落笔到归档

每条批注都可以保存、再次载入、协作处理，最后随文档一起导出归档。

创建批注Annotation
保存数据JSON
恢复批注Restore
协作审阅Comment
导出归档PDF / Excel

一行命令，开始使用

选择 React 或 Vue，复制示例代码，再接入你的权限规则。

npm install inklayer-vue

import { PdfAnnotator } from 'inklayer-vue'
import 'inklayer-vue/style'

<PdfAnnotator
  url="/review.pdf"
  :user="{ id: currentUser.id, name: currentUser.name }"
  :annotation-permissions="{ mode: 'owner-only' }"
/>import { PdfAnnotator } from 'inklayer-react'
import 'inklayer-react/style'

<PdfAnnotator
  url="/review.pdf"
  user={{ id: currentUser.id, name: currentUser.name }}
  annotationPermissions={{ mode: 'owner-only' }}
/>

免费开始，需要时获得专属支持

基础 SDK 采用 MIT 协议，可以免费使用和商用。自行接入，或在正式项目中获得付费技术支持。

社区支持

自行评估与接入

通过文档、Starter 和公开社区完成集成，适合技术团队自主评估与开发。

完整文档与快速开始
React / Vue Starter
GitHub Discussions 与 Issues

查看支持方式

商业技术支持

为正式项目提供确定性

适合需要专属接入、业务系统对接、定制能力或持续维护的团队。

项目接入与问题排查
权限、数据存储与业务系统对接
功能定制、框架适配与持续维护

邮件咨询

看得清，批得准， 协作有边界。