Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
阿里云优惠券
卓越的云计算技术和服务提供商
腾讯云优惠券
云服务器,云数据库,CDN,域名注册等多种云计算服务
扣子Coze
职场AI,就用扣子
豆包AI
字节跳动旗下 AI 智能助手
即梦AI
一站式智能创作平台,即刻造梦
AiPPT
全智能AI一键生成 PPT
堆友AI
零门槛,多风格AI绘画免费生成,电商海报设计神器
蜂小推
不扣量的项目推广平台
SpeedAI
一键去重、降AIGC率、数据可视化、论文写作

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

document

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://ranuts.github.io/document
GitHub:https://github.com/ranuts/document
网站描述:Office 文件在线编辑器
访问官网
GitHub
本地网页文档编辑器,让您直接在浏览器中编辑文档,无需服务器端处理,保护您的隐私安全。

这是一个基于 OnlyOffice 和 WebAssembly 的本地 Web 文档编辑器,纯前端实现、无需服务器端处理,用户可直接在浏览器中打开和编辑 DOCX、XLSX、PPTX 等格式的文档。


主要特性

  • 隐私优先: 所有文档处理都在浏览器本地进行,不上传到任何服务器
  • 多格式支持: 支持 DOCX、XLSX、PPTX、CSV 等多种文档格式
  • 实时编辑: 提供流畅的实时文档编辑体验
  • 无需部署: 纯前端实现,无需服务器端处理
  • 即开即用: 打开网页即可开始编辑文档
  • URL 打开: 通过 URL 参数直接从远程地址加载文档
  • 多语言支持: 支持多种语言(英文、中文),轻松切换界面语言

使用方法

基本使用

  1. 访问 在线编辑器
  2. 上传您的文档文件或从 URL 打开文档
  3. 直接在浏览器中编辑
  4. 下载编辑后的文档

URL 参数

参数说明值/类型优先级
locale设置界面语言en, zh-
src从 URL 打开文档(推荐)URL 字符串低
file从 URL 打开文档(向后兼容)URL 字符串高

示例:

# 设置语言
?locale=zh

# 从 URL 打开文档
?src=https://example.com/document.docx

# 组合使用
?locale=zh&src=https://example.com/doc.docx

注意: 当同时提供 file 和 src 参数时,file 参数优先。远程 URL 必须支持 CORS。

作为组件库使用

本项目为 @ranui/preview WebComponent 组件库提供文档预览组件的基础服务支持。

预览组件文档: https://chaxus.github.io/ran/src/ranui/preview/


技术架构

  • OnlyOffice SDK: 提供强大的文档编辑能力
  • WebAssembly: 通过 x2t-wasm 实现文档格式转换
  • 纯前端架构: 所有功能都在浏览器中运行

部署说明

Docker

# docker run
docker run -d --name document -p 8080:80 ghcr.io/ranui/document:latest

# docker compose
services:
  document:
    image: ghcr.io/ranui/document:latest
    container_name: document
    ports:
      - 8080:80

进阶配置

nanme: document
services:
  document:
    image: ghcr.io/ranui/document:latest
    container_name: document
    ports:
      - 8080:80
    # 进阶配置
    volumes:
      # 添加证书
      - 证书路径:/ssl
    environment:
      # 设置账号
      # 格式用户名:密码,必须使用BCrypt密码哈希函数对密码进行编码。
      # 获取BCrypt加密的结果,把加密结果中的$替换成$$转义。
      SERVER_BASIC_AUTH: "用户名:BCrypt加密密码"
      # 使用证书
      SERVER_HTTP2_TLS: true
      SERVER_HTTP2_TLS_CERT: 证书路径
      SERVER_HTTP2_TLS_KEY: 私钥路径

重要提示

  • CORS: 使用 src 或 file 参数时,远程服务器必须支持 CORS
  • 文件大小: 大文件可能需要较长时间加载


本地开发

git clone https://github.com/ranuts/document.git
cd document
npm install
npm run dev

仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/4857

更多»
热门资源
fly63工具箱
简单、易用、便捷的在线工具
官网
GitHub
remove.bg
消除图片背景:100% 自动 – 只需 5 秒
官网
阿里云DataV
地图数据
官网
retoucher
在线AI智能抠图去背景工具
官网
飞书多维表格
飞书旗下的一款在线协作与业务管理工具
官网
Apifox
API 文档、API 调试、API Mock、API 自动化测试一体化协作平台
官网
易文档
需求文档、API文档、部署文档到使用手册
官网
mdx-deck
基于MDX的演示文稿
官网
GitHub
YouCompress
在线免费文件压缩工具
官网
iHateRegex
快速搜索并匹配到合适的正则表达式
官网
GitHub
Trilium Notes
层级结构的笔记程序,专注构建个人的大型知识库
点击进入
GitHub
CodeZen
在线源代码转图片工具
官网
类似于document的资源
DeepWiki
一键生成任意Github项目Wiki,支持本地部署
官网
CSS Click Chart
可以查询到目前CSS3草案部分的相关属性
官网
Enhancv
生成简历
官网
gitify
桌面上的GitHub通知
官网
GitHub
Playwright
微软开源的浏览器自动化工具
官网
GitHub
markdown-exit
基于TypeScript,把 Markdown 转成 HTML
点击进入
GitHub
MolView
在线化学分子编辑器
官网
NightEye
网页夜间阅读模式
官网
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

Copyright © 2018 Web前端开发网提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。