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

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

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

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

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
45/100
issue の種類
ドキュメント
明瞭さ
説明が足りない
活発さ
静か
技術スタック
docker, javascript, react, wasm

調査の方向性

対象ファイル、テスト、エントリーポイントは指定されていません。まずリポジトリの構成と、最近の issue または週次プロジェクトのエントリを読んで、想定される提出形式を確認してください。このプロジェクトをリンクと説明付きで対応する形式に追加し、リンクが有効であることを確認できれば完了です。

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

説明

项目名称

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

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

環境構築

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

はじめの一歩

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

OpenGithubs/weekly のほかの issue

OpenGithubs/weekly の issue をすべて見る

似ている issue

Content の issue をもっと見る

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

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