花了4个月时间，我写了一款支持AI的协同Word文档编辑器

大家好，我是徐小夕。

架构师，曾任职多家上市公司，多年架构经验，打造过上亿用户规模的产品，目前全职创业，主要聚集于"Dooring AI零代码搭建平台"和"flowmixAI多模态办公软件"

之前和大家分享了我实现的 pxcharts 多维表格编辑器和协同文档编辑器：

flowmixAI，一款开箱即用的智能办公工作台

pxcharts多维表格ultra版：AI + 多维表，工作效率飙升！

最近在研究AI协同办公软件，发现一款超级强大的AI协同Word编辑器------JitWord。

文档地址：jitword.com/doc

JitWord （即时文档）是一款企业级智能协同文档解决方案，专为现代团队协作而设计。它集成了超强实时协作、AI驱动内容智能编排、企业API集成对接和无限拓展编辑样式等核心能力，为企业提供新一代智能文档协作引擎。

接下来我会从功能亮点，技术实现等多个角度和大家分享一下这款AI Word协同文档编辑器。

功能亮点介绍

下面我就 JitWord 协同编辑器的几个核心亮点，和大家详细聊聊。

超强实时协作能力

JitWord 基于先进的 CRDT（Conflict-free Replicated Data Type）技术，实现了业界领先的实时协作体验：

极低延迟
10-30ms 超低协作延迟，媲美本地编辑体验
高并发支持
支持 100+ 人高频协同编辑，500+ 人流畅协作
企业级扩展
系统可支持 10万+ 级并发用户
协同光标显示
实时显示其他协作者的光标位置和选择区域
智能冲突解决
自动处理编辑冲突，确保数据一致性
断线重连机制
网络中断后自动重连并同步最新状态
协作状态推送
实时推送用户上线/下线和编辑状态

AI 全程接管创作

集成多种主流大模型，提供全方位的 AI 辅助创作能力：

智能生成
根据主题和大纲快速生成高质量文档内容
智能改写
一键改写、润色、扩展现有内容，支持多种写作风格
智能总结
自动提取文档要点和摘要，生成执行摘要
多模型支持
深度集成 DeepSeek、Kimi、Qwen 等主流大模型
企业私有化
支持接入企业私有化 AI 模型和自定义提示词
流式生成
实时流式输出，边生成边显示，提升用户体验
上下文理解
基于文档上下文的智能内容生成和建议
上下文理解
可定制化的提示词工程
多语言支持
支持中英文等多语言的智能写作和翻译

✏️ 专业文档编辑能力

提供与 Microsoft类似 Word 媲美的专业编辑功能：

富文本编辑
支持标题、列表、引用、粗体、斜体等基础格式
高级排版功能
字体、字号、行间距、字间距、颜色等精细控制
格式刷工具
快速复制和应用格式样式，提升编辑效率
智能目录导航
自动生成文档目录，支持快速跳转和结构预览
强大表格编辑
支持表格创建、合并单元格、样式设置等高级功能
多媒体支持
插入图片、视频、音频等多媒体内容，支持拖拽上传
代码块支持
支持多种编程语言的代码高亮和格式化
数学公式
支持 LaTeX 数学公式编辑和渲染（即将上线）
自定义样式
支持自定义 CSS 样式和主题配置

超强版本管理

jitword

JitWord 实现了版本控制系统，确保文档安全和历史追溯：

智能自动保存
系统按预设间隔智能创建版本快照
手动版本创建
用户可随时创建重要版本节点，添加版本说明
可视化版本对比
直观对比不同版本间的差异，支持并排查看
一键版本恢复
快速恢复到任意历史版本，支持恢复确认
版本分支管理
支持创建和合并文档分支，适用于复杂协作场景
完整操作日志
支持记录所有编辑操作历史，支持操作回放
版本元数据
丰富的版本信息，包括作者、时间、变更统计等
版本权限控制
支持拓展细粒度的版本操作权限管理

多格式兼容

无缝对接现有办公生态，支持多种文件格式：

智能导入支持：
- DOCX 导入
- 兼容主流 Word 文档的格式、样式和结构
- Markdown 导入
- 支持标准 Markdown 语法和扩展语法
- JSON 数据导入
- 支持结构化数据的批量导入
多格式导出：
- HTML 导出
- 保持完整样式和交互功能
- DOCX 导出
- 生成标准 Word 文档，兼容 Office 套件
- PDF 导出
- 高质量 PDF 生成，支持自定义页面设置
- Markdown 导出
- 标准 Markdown 格式，便于版本控制
- JSON 导出
- 结构化数据导出，便于程序处理
格式智能保持：导入导出过程中最大程度保持原有格式和样式
批量处理能力：支持 API 驱动的批量文档处理和转换

企业级扩展能力

强大的扩展性和集成能力，满足企业个性化需求：

丰富组件扩展：
- 图表组件
- 支持柱状图、折线图、饼图、雷达图等 7 种图表类型
- 表格组件
- 强大的表格编辑，支持合并单元格、样式设置
- 音视频组件
- 支持音频和视频的插入和播放
- 代码块组件
- 支持多种编程语言的代码高亮
- 分割线组件
- 多样式分割线，增强文档结构
- 媒体&高级组件
- 网页嵌入、LaTeX公式等
API 深度集成：
- 完整 REST API
- 提供全功能的 REST API 接口
- WebSocket 实时通信
- 支持实时数据推送和协作
- SSE 事件流
- 支持服务端事件推送
- Webhook 支持
- 支持文档事件的 Webhook 通知
企业级功能：
- JWT 认证系统
- 安全的无状态认证机制
- 自定义主题
- 支持企业品牌定制和主题配置
- 插件系统
- 开放的插件架构，支持功能扩展
- 数据备份
- 自动数据备份机制，保障数据安全
- 二次开发支持
- SSO 单点登录、RBAC 权限管理、操作审计日志等企业级功能

全平台支持

真正的跨平台协作体验：

响应式设计
自适应 PC、平板、手机等不同设备
移动端优化
针对触屏操作优化的编辑体验
离线编辑支持
支持离线编辑，网络恢复后自动同步
浏览器兼容
支持主流浏览器，无需安装客户端
PWA 支持
支持渐进式 Web 应用，可安装到桌面
键盘快捷键
丰富的键盘快捷键，提升操作效率

JitWord系统架构设计

JitWord 在整体技术设计上，做了如下几点的核心考量：

超低延迟协作
基于 CRDT 算法实现 10-30ms 协作延迟
智能版本管理
自动版本保存与可视化版本对比
多格式文档处理
支持 DOCX、PDF、Markdown 等格式的智能解析与导出
AI 深度集成
集成多种主流大模型，提供智能写作和改写能力
企业级安全
JWT 认证、权限控制、操作审计等安全机制
高度可扩展
模块化架构，支持自定义组件和功能扩展

核心业务层架构图如下：

由于JitWord 采用AI驱动的设计模式，接下来再分享一下AI设计的架构图：

1. 实时协作算法

JitWord 采用 CRDT（Conflict-free Replicated Data Type） 算法实现无冲突的多人实时协作。

算法的特点如下：

操作可交换性
不同用户的操作可以以任意顺序执行，最终结果一致
操作可合并性
多个操作可以智能合并，减少网络传输
最终一致性
所有客户端最终会收敛到相同的文档状态
无需中央协调
不依赖中央服务器进行冲突解决

我画了一张协作流程图，方便大家理解：

冲突解决的原理如下：

版本管理算法

先和大家分享一下JitWord的版本数据结构：

json 复制代码

{
  "documentId": "doc_123456",
  "versions": [
    {
      "id": "v_001",
      "title": "初始版本",
      "description": "文档创建",
      "content": {...},
      "author": "user_001",
      "isAutoSave": false,
      "createdAt": "2024-01-01T10:00:00Z",
      "metadata": {
        "wordCount": 1500,
        "characterCount": 8000,
        "changesSinceLastVersion": 150
      }
    }
  ]
}

对于版本差异实现，JitWord 采用了 Myers 差分算法 进行版本内容对比：

文本级对比
基于字符和单词的精确差异识别
结构级对比
识别段落、标题、列表等结构变化
样式级对比
检测格式、颜色、字体等样式变化
组件级对比
图表、表格等复杂组件的变化识别
组件扩展机制

JitWord 提供了强大的组件扩展系统，支持开发者创建自定义组件：

javascript 复制代码

// 组件定义示例
export const CustomComponent = Node.create({
  name: 'customComponent',


  // 组件配置
  addOptions() {
    return {
      name: 'customComponent',
      desc: '自定义组件',
      slash: true, // 支持斜杠命令
      command: ({ editor, range }) => {
        // 插入逻辑
      }
    };
  },


  // 属性定义
  addAttributes() {
    return {
      data: {
        default: null,
        parseHTML: element => element.getAttribute('data-config'),
        renderHTML: attributes => ({
          'data-config': attributes.data
        })
      }
    };
  },


  // 渲染逻辑
  addNodeView() {
    return ({ node, HTMLAttributes, getPos, editor }) => {
      // 创建 DOM 元素
      // 绑定事件处理
      // 返回更新和销毁方法
    };
  }
});