Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

【开源自荐】File Viewer:浏览器原生的企业文件预览组件

Ouverte
#121 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
2/5
Temps estimé
1-3 heures
Accessibilité débutants
45/100
Type d'issue
Documentation
Clarté
À clarifier
Activité
Calme
Stack technique
docker, javascript, react, wasm

Piste de recherche

Aucun fichier cible, test ou point d’entrée n’est indiqué. Commencez par lire la structure du dépôt ainsi que les entrées récentes d’issues ou de projets hebdomadaires afin de trouver le format de soumission attendu ; le travail est terminé lorsque ce projet a été ajouté avec ses liens et sa description dans le format correspondant et que la validité des liens a été vérifiée.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

项目名称

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" />

截图

File Viewer demo

适合分类

前端组件 / 文件预览 / Office Viewer / PDF Viewer / CAD Viewer / 私有化部署 / 离线优先

License

Apache-2.0

Langage dominant
Aucune donnée de langage
Étoiles
1.9k
Forks
72
Métriques de merge des PR
Aucune PR mergée en 30 j

Préparer son environnement

Ce projet ne fournit ni conteneur de développement, ni Dockerfile, ni guide de contribution : l'installation est à votre charge. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de OpenGithubs/weekly

Toutes les issues de OpenGithubs/weekly

Issues similaires

Plus d'issues Content

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.