[开源]一套开源企业级在线文档编辑与免费协作解决方案，永久开源 · 可私有部署 · 可二次开发

一、开源项目简介

VerveDocs – 玉衡云文档

一套基于 Vue 3 + TypeScript 的企业级在线文档编辑解决方案，支持 Word、Excel、PPT 等多种文档格式的在线编辑与协作。

二、开源协议

使用MIT开源协议

三、界面展示

 

四、功能概述

在线文档编辑与免费协作产品

永久开源 · 可私有部署 · 可二次开发

VerveDocs 是一套开源在线文档编辑与协作解决方案；提供开箱即用的在线文档编辑器（兼容 Word）、轻量版文档编辑器、在线电子表格编辑器（兼容 Excel）和在线演示文稿编辑器（兼容 PowerPoint）。

 

在线文档

在线文档编辑器(兼容Microsoft Word格式)

轻量版 Lite

轻量级在线文档编辑器(兼容Microsoft Word格式)

在线表格

在线电子表格编辑器，(兼容Microsoft Excel格式)

在线演示

在线演示文稿编辑器(兼容Microsoft PowerPoint格式)

特性

• 多格式支持：Word 文档、Excel 表格、PPT 演示文稿
• 富文本编辑：文本格式化、表格、图片、列表、页眉页脚、水印等
• 实时协作：多人在线协同编辑
• 插件系统：可扩展的功能插件机制
• TypeScript 支持：完整的类型定义
• 响应式设计：适配多种屏幕尺寸

核心引擎能力

分页模式

分页渲染与纸张设置,支持缩放、边距、页眉页脚与页码。

文本编辑

字体、字号、加粗/斜体/下划线、颜色、高亮、标题与列表。

表格与图片

插入/删除行列、合并拆分单元格,图片浮动/环绕与导出。

控件与表单

文本框、选择、日期、复选/单选等控件,支持取值与批量赋值。

事件与监听

通过 eventBus 订阅内容变化、选区样式、鼠标事件、保存等事件。

插件扩展

提供 use(plugin) 扩展能力,可注入图表渲染器等高级功能。

为什么选择开源?

自主可控

核心能力完全开源,支持内网部署,便于安全审计与深度定制。

工程化 API

面向二次开发的 API 文档与类型定义,便于在复杂业务中落地。

五、技术选型

技术栈

• Vue 3 – 渐进式 JavaScript 框架
• TypeScript – JavaScript 的超集
• Element Plus – Vue 3 UI 组件库
• ECharts – 数据可视化图表库
• Vite – 下一代前端构建工具
• docx – Word 文档生成库
• exceljs – Excel 文件处理库
• pptxgenjs – PPT 生成库

项目结构

vervedocs/
├── vervedocs-core/              # 核心编辑器库
├── vervedocs-docx/              # Word 文档编辑器完整版 UI
├── vervedocs-docx-lite/         # Word 文档编辑器轻量版
├── vervedocs-excel/             # Excel 表格编辑器
├── vervedocs-ppt/               # PPT 演示文稿编辑器
├── vervedocs-collaboration-server/  # 协作服务器
└── vervedocs-libs/              # 编辑器扩展库    
    ├── docx-editor-ai/          # AI 辅助功能
    ├── docx-editor-chart/       # 图表插件
    ├── docx-editor-collaboration/  # 协作功能
    ├── docx-editor-commands/    # 命令系统
    ├── docx-editor-comment/     # 批注功能
    ├── docx-editor-history/     # 历史记录
    ├── docx-editor-keymap/      # 快捷键映射
    ├── docx-editor-schema/      # 文档模式定义
    ├── docx-editor-state/       # 状态管理
    ├── docx-editor-transform/   # 文档转换
    └── docx-editor-view/        # 视图层

模块介绍

@vervedoc/core

核心编辑器库，提供基础的富文本编辑功能。

npm install @vervedoc/core

主要功能：

• 富文本编辑（加粗、斜体、下划线、删除线、高亮等）
• 表格操作（插入、合并、拆分、边框设置）
• 图片处理（插入、缩放、拖拽）
• 列表功能（有序、无序、多级列表）
• 页面布局（页眉、页脚、页码、水印、页边距）
• 控件系统（文本控件、日期控件、下拉选择）
• 历史记录（撤销/重做）
• 搜索替换

@vervedoc/docx

Word 文档编辑器完整版，提供完整的 UI 界面和交互。

npm install @vervedoc/docx

@vervedoc/excel

Excel 表格编辑器，支持电子表格的在线编辑。

npm install @vervedoc/excel

@vervedoc/ppt

PPT 演示文稿编辑器，支持幻灯片的在线制作。

npm install @vervedoc/ppt

快速开始

安装依赖

# 安装核心库
npm install @vervedoc/core

# 安装 Word 编辑器
npm install @vervedoc/docx

# 安装 Excel 编辑器
npm install @vervedoc/excel

# 安装 PPT 编辑器
npm install @vervedoc/ppt

使用示例

Word 文档编辑器

import DocxEditor from '@vervedoc/core'
const container = document.getElementById('editor') as HTMLDivElement
const editor = new DocxEditor(container, {
  main: [
    { value: '欢迎使用 VerveDocs！' }
  ]
})
// 使用命令 API
editor.command.executeBold()  // 加粗
editor.command.executeUndo()  // 撤销

开发指南

环境要求

• Node.js >= 16.0.0
• npm >= 7.0.0

本地开发

# 克隆项目
git clone https://gitee.com/wanghe520/docx-editor.git
# 安装依赖
cd vervedocs-core
npm install
# 启动开发服务器
npm run dev
# 构建生产版本
npm run build
# 类型检查
npm run type:check

构建所有模块

# 构建核心库
cd vervedocs-core && npm run build
# 构建 Word 编辑器
cd vervedocs-docx && npm run lib
# 构建 Excel 编辑器
cd vervedocs-excel && npm run build
# 构建 PPT 编辑器
cd vervedocs-ppt && npm run build

浏览器兼容性

• Chrome 80+
• Firefox 75+
• Safari 13.1+
• Edge 80+

六、源码地址

开源项目地址：

 

看完不过瘾，那就自己发一篇吧！