InkLayer Core面向所有 Web 框架的 PDF 引擎

你负责产品界面，Core 负责 PDF 查看、批注、关键词审阅、安全输出和导出。

快速开始

API 参考

在线示例

使用你熟悉的 Web 框架

无论使用 React、Vue、Svelte、Angular、Web Components 还是原生 TypeScript，都调用同一套 Core API。

PDF 能力，由 Core 提供

查看、批注、缩放、搜索、水印、打印和导出都由 Core 处理，界面和操作流程仍由你的应用掌控。

批注内置，也能扩展

直接使用高亮、文字、图形、签名等十六种批注类型，需要时还可以定义自己的工具。

审阅预设关键词规则

批量扫描普通文字和正则表达式，按规则预览并逐条复核命中，再将确认结果转为永久高亮。

导出安全脱敏副本

审阅时保持命中内容可读，输出时把确认遮挡扁平化到不含可复制源文字的新图片型 PDF。

从创建到销毁，行为可控

可以取消正在进行的加载、完整销毁实例，并让多个 Viewer 相互隔离；在 SSR 环境中导入 Core 也同样安全。

从 Core 开始

安装 Core，提供两个宿主元素，为滚动容器设置明确尺寸，然后加载 PDF。

bash

npm install @inklayer-dev/core

html

<div id="pdf-workspace">
  <div id="pages"></div>
</div>

css

html, body, #pdf-workspace {
  height: 100%;
  margin: 0;
}

#pages {
  height: 100%;
  overflow: auto;
  background: #f2f4f7;
}

import { createInkLayer } from '@inklayer-dev/core/capabilities'
import '@inklayer-dev/core/style'

const root = document.querySelector<HTMLElement>('#pdf-workspace')!
const pages = document.querySelector<HTMLElement>('#pages')!

const core = await createInkLayer({
  root,
  pageFlow: { container: pages, scale: 'page-width' }
})
await core.load({ url: '/documents/review.pdf', range: 'auto' })

快速开始 →

注意

InkLayer Core 是无头引擎：它负责 PDF 与批注行为，框架负责工具栏、面板和产品流程。

从关键词规则到安全输出

把应用准备好的文字或正则规则交给 Core，例如合同条款、禁用词、账号或日期。Highlighter 会统一扫描、按规则颜色预览命中，并向应用提供不可变的审核状态；确认后的结果还可以转成永久 Highlight 批注。

如果命中内容需要保密，可以复用审核后的文字范围打印或导出安全脱敏副本。屏幕上的审阅仍保持彩色、可读；生成的 PDF 则使用不透明遮挡和图片型页面，不保留下方可供选择的源文字。图片型输出也会同时扁平化其他文字、链接、表单和矢量内容。

关键词高亮指南 → · 安全脱敏指南 → · 关键词高亮示例 → · 安全脱敏示例 →

接下来想做什么？

加载 PDF → · 创建第一个批注 → · 创建第一个关键词高亮 → · 创建第一个关键词脱敏 → · 打印和导出 →

需要时再扩展

能力插件可以为单个实例接入日志、批注存储、文字输入、打印和下载等应用服务。批注类型定义（Annotation Type Definition）则用于添加带命名空间的绘制工具。无论如何扩展，坐标、数据校验、交互、渲染、输出和清理始终由 Core 管理。

开发第一个插件 →