Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
AiPPT
全智能AI一键生成 PPT
任推邦
APP推广项目分发和流量变现平台
美图设计室
AI智能一键生成海报,免费平面设计
星月写作
人工智能写作助手
Seedance 2.0
字节跳动新一代AI视频生成模型全面解析
豆包AI
字节跳动旗下 AI 智能助手
腾讯云优惠券
云服务器,云数据库,CDN,域名注册等多种云计算服务
fly63工具箱
简单、易用、便捷的在线工具
3387游戏盒子
提供热门折扣手游,助你轻松畅玩各种类型的游戏
宝塔服务器面板
简单好用的服务器运维面板

资源分类

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的资源
SVNBucket
一个 SVN 代码托管站
官网
client
一个开源的在线客服聊天系统
官网
GitHub
eSearch
截屏OCR搜索翻译以图搜图贴图录屏
官网
GitHub
CodeFun
UI 设计稿智能生成前端源代码
官网
noVNC
使用 HTML5实现的VNC客户端
官网
GitHub
img.top
智能在线图片压缩
官网
TTSMaker
免费在线配音神器
官网
CopyPaste
在线点对点加密文件共享工具
官网
目录

手机扫一扫预览

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

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