【开源自荐】File Viewer:浏览器原生的企业文件预览组件
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Idoneità per principianti
- 45/100
- Tipo di issue
- Documentazione
- Chiarezza
- Da chiarire
- Stato di attività
- Tranquilla
- Stack tecnologico
- docker, javascript, react, wasm
- Ambito
- content, documentation
Direzione di ricerca
Non sono indicati file di destinazione, test o punto di ingresso. Inizia leggendo la struttura del repository e le voci recenti relative a issue o progetti settimanali per trovare il formato di invio previsto; il lavoro è completato quando questo progetto è stato aggiunto con i relativi link e la descrizione nel formato corrispondente e si è verificato che i link siano validi.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
项目名称
File Viewer
项目地址
https://github.com/flyfish-dev/file-viewer
在线体验 / 文档
项目简介
File Viewer 是一个面向企业后台、OA、知识库、工单系统和私有化项目的纯前端文件预览组件。它尽量不依赖服务端转码,在浏览器里直接预览常见业务附件,并提供 Vanilla JS、Web Component、Vue 3 / Vue 2、React、Svelte、jQuery 等组件包,以及 full 包和 preset 按需组合能力。
推荐原因
- 纯前端和离线优先:浏览器内解析和渲染,Worker、WASM、字体、vendor 资源都支持自托管,适合私有 CDN、Docker、内网部署。
- 覆盖业务文件较多:内置 206 个扩展名映射和 24 条预览链路,覆盖 Office、PDF/OFD、Typst、CAD、压缩包、邮件、图片、音视频、代码、Markdown、Patch、Git bundle、XMind、Draw.io、PSD、3D、Geo 等。
- 多框架组件生态:Vanilla JS、Web Component、Vue 3 / Vue 2、React、Svelte、jQuery 都有原生组件,参数、事件和 controller API 尽量保持一致。
- 按需加载:PDF、Office、CAD、Typst、压缩包、绘图等重型 renderer 只在命中文件类型时加载,避免首包过大。
- 贴近企业附件中心:比较关注 Word / Excel / PDF / OFD 发票、DWG / DXF 图纸、压缩包内文件、EML / MSG 邮件附件这类真实业务场景。
快速开始
npm i @file-viewer/vue3-full
<file-viewer url="/files/report.docx" />
截图

适合分类
前端组件 / 文件预览 / Office Viewer / PDF Viewer / CAD Viewer / 私有化部署 / 离线优先
License
Apache-2.0
- Lingua principale
- Nessun dato sulla lingua
- Stelle
- 1.9k
- Fork
- 72
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Preparare l'ambiente
Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di OpenGithubs/weekly
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
OpenGithubs/weekly#157 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
OpenGithubs/weekly#106 ·
-
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 25/100
OpenGithubs/weekly#177 ·
-
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 15/100
OpenGithubs/weekly#175 ·
-
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 15/100
OpenGithubs/weekly#174 ·
Tutte le issue di OpenGithubs/weekly
Issue simili
-
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 65/100
I maintainer di solito rispondono entro 1 giorno
-
Edit: Tele Posadas HDApertacheck:passed streams:edit
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
I maintainer di solito rispondono entro 1 giorno
-
[Sync EN] Fix simplexml_import_dom, simplexml_load_file and simplexml_load_string pages (#5977)Apertasync-en
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 72/100
-
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 78/100
1c7/chinese-independent-developer#1622 ·
I maintainer di solito rispondono entro 1 giorno