覆盖真实业务附件
PDF、Word、Excel、PPTX、OFD、Typst、CAD、DWF、PSD、Mermaid、PlantUML、压缩包内嵌预览等能力按模块维护。
Flyfish Viewer 是面向业务系统的浏览器端文件预览基础设施,无需服务端转码,覆盖办公文档、工程图纸、压缩包、邮件、电子书、代码、图片、音视频和结构化数据。文档站把能力矩阵、接入路径、模块化边界、离线部署和生产验证放在同一个入口,帮助团队快速评估、按需装配并稳定上线。
按文件类型异步加载 renderer、worker、wasm 和离线 vendor 资源,避免首屏被全量能力拖慢。
从格式识别、渲染调度、资源加载、用户交互到部署分发,Flyfish Viewer 以模块化架构把复杂预览能力拆成可控制、可验证、可持续升级的能力单元。
PDF、Word、Excel、PPTX、OFD、Typst、CAD、DWF、PSD、Mermaid、PlantUML、压缩包内嵌预览等能力按模块维护。
renderer、worker、wasm、字体和 vendor 资源分层加载,IIFE full 入口也不会把全部能力压进首个脚本。
搜索定位、缩放、打印、导出、下载、水印、工具栏权限和生命周期回调保持一致,减少业务侧重复适配。
Web Component / IIFE 默认 Shadow DOM;框架组件可通过 styleIsolation 开启隔离,并用 tokens 与 ::part() 定制。
Worker/WASM/字体资源可自托管,支持 Docker、静态站点、Cloudflare Pages、Release 包和私有 CDN。
Demo 使用真实样例、按需 renderer、移动端布局、文档比对和离线资源路径,适合直接验证业务场景。

生产项目优先从轻量组件包开始,再按业务选择 preset 或单 renderer。preset-all 覆盖最完整,但体积最大,更适合完整文件工作台或内部验证环境。
图片、文本、Markdown、代码、媒体等常见轻量附件。
PDF、Word、Excel、PowerPoint、OFD、RTF 和 OpenDocument 办公链路。
CAD、EDA、3D、地理数据、绘图和结构化工程文件。
全格式体验与验收场景使用。业务端建议评估体量后再引入。
@file-viewer/vue3、@file-viewer/react 或 @file-viewer/web 是最轻的组件接入方式,但不会自动带入全部格式能力。需要预览文件时,请安装对应 preset 或 renderer。 @file-viewer/preset-all,再使用同一份 fileViewerRenderers({ copyAssets:true }) 配置,最快获得官方 Demo 的完整格式能力。 pnpm add @file-viewer/vue3 @file-viewer/preset-all
pnpm add -D @file-viewer/vite-plugin # Vite 项目可选所有生态组件共享 core 能力、options、事件、搜索、缩放、打印、导出和生命周期钩子,同时保持各框架自己的接入方式。
核心格式按模块维护,重型解析库、worker、wasm 和离线 vendor 资源仅在命中文件类型时加载。
文档站、Demo、官网、npm 包、Docker 镜像、GitHub 开源总仓库和 Release 产物同步维护。需要更高还原度和极致性能的商业版,可从官网进入商业版说明与支持入口。