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

更多»
热门资源
5118站长工具
关键词、长尾词挖掘,AI驱动的SEO内容创作平台
官网
fly63工具箱
简单、易用、便捷的在线工具
官网
GitHub
remove.bg
消除图片背景:100% 自动 – 只需 5 秒
官网
retoucher
在线AI智能抠图去背景工具
官网
图片压缩工具
免费减小图片大小,支持JPG/PNG/Webp多种格式
官网
图片格式转换
在线图像转换器,支持JPG/PNG/WebP多种格式
官网
老照片修复神器
AI还原褪色和损坏的照片,在线一键修复老照片
官网
AI图片处理
一站式AI工具平台,为工作和学习提供智能解决方案
官网
证件照生成器
在线制作标准证件照、换底色、AI智能生成
官网
云雾 API
为开发者提供快速、便捷的Web API接口调用方案
官网
阿里云DataV
地图数据
官网
Apifox
API 文档、API 调试、API Mock、API 自动化测试一体化协作平台
官网
类似于document的资源
inFogram
在线信息图表设计工具
官网
Windrecorder
通过记录屏幕上所有内容、从而实现记忆搜索的应用
点击进入
GitHub
regulex
js正则表达式图形展示工具
官网
GitHub
Dayflow
一款能自动记录并分析你屏幕活动的macOS应用
点击进入
GitHub
JuxtaposeJS
在线照片比对特效制作工具
官网
Automa
一款低代码/无代码的浏览器自动化工具
官网
GitHub
BestWebTool
网站设计和开发工具集合
官网
内容神器
新媒体人的标配,以大数据支持内容工作
官网
目录

手机扫一扫预览

首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架

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