在现代 Web 应用的生态系统中，PDF 文档仍然是信息分发和归档的核心媒介。然而，它们通常以静态、不可交互的形式存在，极大地限制了用户与文档内容进行深度互动的能力，尤其是在数据提取和动态操作方面。

Univer 是一个功能强大的开源文档处理平台，支持电子表格、富文本文档和即将推出的幻灯片功能。它能够在浏览器和 Node.js 环境中运行，易于集成到你的应用中，并提供丰富的功能，如公式计算、条件

前言 在这之前公司项目的文档预览的方式都是通过微软在线预览服务，但是微软的在线服务有文件大小限制，想完整使用得花钱，一些图片文件就通过组件库antd实现，因为我们项目存在多种类型的文件，所以为了改善用

最近遇到了文件预览的需求，但一搜索发现，这还不是一个简单的功能。于是又去查询了很多资料，调研了一些方案，也踩了好多坑。最后总结方案如下 希望如果有其他人也遇到了同样的问题，能更方便的解决～

文件处理、渲染、编辑工具包，编辑器基于 [CKEditor5](https://ckeditor.com/ckeditor-5/) 做自定义构建，在编辑器的工具栏里扩展了一些如：pdf 下载、占位符、

今天我们使用 Vue3-PDFJS 插件来实现 Vue3 版本的 PDF 文件在线预览功能，欢迎各位批评指正。