Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

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

オープン
#28 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
5/5
見積もり時間
1週間以上
初心者へのやさしさ
20/100
issue の種類
ドキュメント
明瞭さ
説明が足りない
活発さ
静か
技術スタック
javascript, react
領域
content

調査の方向性

この issue は、月次リポジトリにおける定義済みの変更ではなく、File Viewer プロジェクトの自己推薦です。プロジェクトへのリンク、デモ、ドキュメント、機能概要を提供していますが、対象ファイル、テスト、エントリポイント、受け入れ基準のいずれも指定していません。コントリビューターは、このプロジェクトを追加すべきか、追加する場合はどこに追加すべきかについて、メンテナーの指示を必要とします。

索引モデルが issue の本文から書いたものです。

説明

项目名称

File Viewer

项目地址

https://github.com/flyfish-dev/file-viewer

在线体验 / 文档

项目简介

File Viewer 是一个面向企业后台、OA、知识库、工单系统、附件中心和私有化项目的纯前端文件预览组件生态。它尽量不依赖服务端转码,在浏览器里直接预览常见业务附件,并提供 Vanilla JS、Web Component、Vue 3 / Vue 2、React、Svelte、jQuery、preset 和 full 包等多种接入方式。

File Viewer demo

推荐原因

  • 纯前端和离线优先:浏览器内解析和渲染,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

主要言語
言語のデータがありません
スター
854
フォーク
19
PR マージ指標
30日以内にマージされた PR はありません

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

OpenGithubs/monthly のほかの issue

OpenGithubs/monthly の issue をすべて見る

似ている issue

Content の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。