Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
搜索

资源分类

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的资源
MagicPattern
一个简易图像设计的在线工具
官网
remove.bg
消除图片背景:100% 自动 – 只需 5 秒
官网
PicDoc
将复杂文字内容转化为清晰、专业且可灵活编辑的可视化图表
官网
YeeLogo
在线简单LOGO制作工具
官网
x402
基于 HTTP 构建的互联网支付协议
官网
HiSH
在鸿蒙上运行Linux Shell
点击进入
GitHub
Thumbnaily
在线文字转图片工具
官网
接口大全
收集所有免费的api
官网
目录

手机扫一扫预览

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

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