Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
美图设计室
AI智能一键生成海报,免费平面设计
Trae
字节跳动推出的 AI原生编程工具
硅云优惠券
领先的基础云计算服务提供商,PHP云虚拟主机第一品牌
AiPPT
全智能AI一键生成 PPT
蜂小推
不扣量的项目推广平台
宝塔服务器面板
简单好用的服务器运维面板
豆包AI
字节跳动旗下 AI 智能助手
任推邦
APP推广项目分发和流量变现平台
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的资源
Zettlr
免费开源的一站式写作与出版工作台
官网
GitHub
迅捷图片
在线PS图片编辑器
官网
Fonepaw
苹果手机HEIC格式转换工具
官网
LightPDF
一个在线的PDF在线编辑工具!
官网
LibreTranslate
开源的机器翻译 API,永久免费替代谷歌翻译
官网
GitHub
erase.bg
免费在线抠图去除背景工具
官网
Miro
用于团队协作的在线白板工具
官网
Lightweight PDF
免费PDF文件压缩工具
官网
目录

手机扫一扫预览

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

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