轻量预览,
快速集成,
融入每一种业务。

DocViewKit 是适用于普通 OA 到企业应用的轻量文档预览组件,快速集成,在前端本地完成解析与呈现。

Viewer 和 Engine 源码采用 Apache-2.0。 GitHub 源码

全部格式免费 高性能本地渲染 轻量按需加载 多种前端环境兼容 纯前端,轻松部署
免费支持全部格式开源 Viewer 与 Engine 支持全部可用格式,按 Apache-2.0 使用与定制
高性能本地渲染解析、渲染与搜索均在前端本地完成,文件就地处理,交互快速响应
轻量按需加载只加载当前文档需要的功能,打开更快、资源占用更低
广泛兼容覆盖多种现代与传统格式,可用于浏览器和跨平台应用
轻松部署随应用部署静态资源,即可在前端完成文档解析与呈现

支持哪些文档格式?

本地解析 Office、WPS、PDF、OFD、OpenDocument 和 iWork,覆盖新版与旧版 Office,让多格式文档使用同一套预览体验。

新版 Microsoft Office

Word(.docx、.docm、.dotx、.dotm);Excel(.xlsx、.xlsm、.xltx、.xltm);PowerPoint(.pptx、.pptm、.ppsx、.ppsm、.potx、.potm)。

旧版 Microsoft Office

Word(.doc)、Excel(.xls)、PowerPoint(.ppt)文档预览。

WPS Office

WPS 文字(.wps)、WPS 表格(.et)、WPS 演示(.dps)。

PDF、OFD 与 XPS

固定版式文档预览:.pdf、.ofd、.xps、.oxps。

OpenDocument(ODF)

文本文档(.odt、.ott、.fodt)、电子表格(.ods、.ots、.fods)、演示文稿(.odp、.otp、.fodp)、绘图(.odg、.otg、.fodg)。

Apple iWork

Pages(.pages)、Numbers(.numbers)、Keynote(.key)单文件文档包。

CSV 与 RTF

CSV 表格(.csv)与 RTF 富文本文档(.rtf)。

查看支持格式与功能说明,选择你的文档开始体验。

支持格式与边界

为什么日常附件预览也适合用 DocViewKit?

把文档预览和原文定位直接嵌入你的产品;用户权限、答案和业务流程仍由你的系统管理。

02

如何随现有应用部署?

静态资源随应用托管,文档在前端本地解析,附件继续使用现有业务系统的存储与权限。

03

如何快速定位原文?

从搜索结果或业务系统跳转到对应页面和区域,快速核对内容与引用。

04

如何添加文字水印?

Viewer 与 Engine 可通过一个配置为页面、缩略图和打印结果添加文字水印,保留源文档原貌。

如何快速接入所有主流前端框架?

只需导入组件、放置 Viewer、调用 open(file) 这 3 步即可挂载预览界面。原生 JavaScript、React、Vue、Angular 等项目均可复用;上线时还需配置静态资源托管和附件鉴权。

查看完整接入与私有附件示例

viewer.ts
import '@docviewkit/viewer';

const viewer = document.querySelector('docviewkit-viewer');

await viewer.open(file);

预览之外,还有哪些现成功能?

除了只读预览,还提供搜索、文字选择、对象定位和原文跳转,方便用户核对内容与引用。

浏览器与跨平台应用能共用一套 Viewer 吗?

可用于浏览器及 Electron、Tauri、Ionic 和 Capacitor 的兼容 WebView。React Native、Flutter 等应用也可通过 WebView 接入,宿主需提供所需 Web 能力。 查看运行环境要求

如何把搜索结果带回原文?

把搜索结果或 AI 回答直接带回原文,定位到相关页面、对象和区域。

如何处理文档中的主动内容?

通过只读预览、主动内容隔离和资源管理,让用户专注查看文档;兼容信息可在诊断面板中查看。

普通 OA 和专业业务都能用吗?

从日常附件预览到专业文档审阅,把多格式预览嵌入各类业务系统;需要时再接入搜索与原文定位。

01

OA 与日常附件预览

普通 OA、审批流、后台管理与内部工具,嵌入组件即可拥有本地附件预览。

02

内容与知识管理

网盘、企业 SaaS 与 AI 知识库中的文档预览,也适用于合同审阅、VDR 预览、法律、审计与金融风控。

03

企业业务系统

CRM、ERP 与人力资源系统中的档案、附件和业务文档预览。

04

政务与合规

电子政务与合规系统中的材料查阅、依据核验与原文定位。

05

产业与贸易协作

工业、建筑与供应链管理,以及电子商务与跨境贸易。

06

教育与培训

教育与在线学习平台中的课件、资料和作业预览。

开源软件与专业服务如何选择?

Viewer 与 Engine 全部能力按 Apache-2.0 提供;付费服务覆盖支持、定制和企业交付。

查看开源许可与服务范围

开源软件

DocViewKit Viewer

适合直接嵌入文档预览或使用 Engine API,按 Apache-2.0 免费商用、修改和再分发。

免费
  • 支持全部可用文件格式
  • 高性能、轻量级前端 Viewer
  • 文档始终在前端本地处理
开始免费使用
企业交付

企业交付

适合需要部署验证、性能定制、验收材料和 SLA 的企业产品。

联系我们
  • 部署验证、培训与 SLA
  • 按业务需求定制现有文件格式
  • 企业性能优化定制:按实际格式裁剪未使用模块,缩小交付体积并优化首开性能
  • 单独开发并交付新的文件格式
  • 定制服务端渲染
联系企业交付novalag778@gmail.com

常见问题

普通 OA 系统的附件预览适合用 DocViewKit 吗?

适合。普通 OA、审批、后台管理和 CRM/ERP 附件都是主要场景,企业 SaaS、AI 知识库和专业审阅也可使用同一组件。现成 Viewer 集成了预览界面,直接嵌入即可使用。

快速集成需要哪些步骤?

挂载界面只需 3 步:导入组件、放置 Viewer、调用 open(file)。open() 支持 File、Blob、ArrayBuffer、Uint8Array 这 4 类输入,并配有现成预览工具栏。完整接入文档涵盖静态资源部署和附件鉴权。

如何获得轻量、流畅的预览体验?

复用 1 个 Viewer 组件,按需加载格式,并利用浏览器缓存。性能指南提供首开优化和冷、热启动测量方法,帮助你结合实际文件与运行环境优化体验。

如何预览业务系统中的私有附件?

沿用现有权限体系。你的应用完成鉴权并获取附件,再交给 Viewer 在本地解析。接入指南提供私有附件示例,并说明跨域资源的 CORS 配置,让预览融入已有业务流程。

开源软件支持哪些格式?

开源 Viewer 与 Engine 包含当前提供的全部格式,如 Office、WPS、PDF、OFD、OpenDocument 和 iWork,支持界面定制、极简模式和文字水印。在线 Demo 可直接体验你的文档,支持格式页提供详细功能说明。

什么时候需要专业服务?

Viewer、Engine API、界面定制、极简模式和水印均可按 Apache-2.0 使用。需要接入协助、专项兼容修复、性能优化或企业 SLA 时,可选择支持、定制和企业交付服务。

如何确认适合你的实际文件?

先用你的真实文件确认格式、版面、搜索和原文定位效果,再选择合适的专业服务。

打开在线 Demo