[开源]一个现代化协同文档编辑器，丰富的编辑能力与多人实时协作

艺齐飞

发布于 2025-11-30 11:14:00

4350

文章被收录于专栏：一飞开源一飞开源

一飞开源，介绍创意、新奇、有趣、实用的开源/AI应用、系统、软件、硬件及技术，一个探索、发现、分享、使用与互动交流的开源技术社区平台。致力于打造活力开源社区，共建开源新生态！

一、开源项目简介

DocFlow

一个基于 Tiptap 和 Next.js 构建的现代化协同文档编辑器，集成了丰富的编辑能力与多人实时协作功能，支持插件扩展、主题切换与持久化存储。适合团队写作、教育笔记、在线文档平台等场景。

二、开源协议

使用MIT开源协议

本项目采用 MIT 开源协议发布，但包含部分 Tiptap Pro 模板代码除外。

三、界面展示

四、功能概述

基于 Tiptap + Yjs 构建的 AI 写作平台

DocFlow

AI 智能写作平台

基于 Tiptap + Yjs 构建的新一代智能协作编辑器，集成 AI 续写、RAG 知识库检索、AI 播客生成等核心功能。支持多人实时协作编辑，让团队像使用 Google Docs 一样流畅协作，同时拥有强大的 AI 能力加持。无论是文档写作、知识管理还是内容创作，DocFlow 都能让你的工作效率成倍提升，让创意与技术完美融合。

功能特性

富文本编辑：标题、列表、表格、代码块、数学公式、图片、拖拽等
实时协作：使用 Yjs + @hocuspocus/provider 实现高效协同
插件丰富：基于 Tiptap Pro 多种增强功能（如表情、详情组件等）
完善工具链：支持 Prettier、ESLint、Husky、Vitest 等开发工具

DocFlow核心能力矩阵

九大核心功能模块，构建完整的 AI 驱动内容创作生态系统

沉浸式编辑器

基于 Tiptap 打造的下一代编辑体验，支持 Markdown 快捷键、块级编辑、拖拽排版，让写作如行云流水般自然

实时协作引擎

基于 Yjs CRDT 算法的毫秒级同步技术，支持百人同时在线编辑，冲突自动解决，协作从未如此丝滑

AI 创作引擎

深度理解上下文语境的智能续写系统，支持多种写作风格切换，让 AI 成为你最懂你的创作伙伴

知识图谱系统

智能构建知识关联网络，自动提取文档关键信息，支持语义搜索和知识发现，让信息价值最大化

RAG 检索增强

结合向量数据库和语义理解的智能检索系统，精准定位相关内容，为创作提供强大的知识支撑

智能对话助手

基于文档上下文的专属 AI 助手，深度理解你的内容，提供精准的写作建议和创意灵感

音频内容生成

文档一键转换为专业播客，支持多语言、多音色、情感表达，让知识以声音的形式传播更远

生活智能助理

全方位生活服务助手，智能规划出行路线、管理日程安排、提醒重要事项，让生活更有序高效

Agent 流程编排

可视化 Agent 构建平台，从输入处理到输出生成的完整流程设计，支持多模态数据处理和复杂逻辑编排

来源：DocFlow 官网

五、技术选型

技术栈

前端技术栈

技术	说明
Next.js	构建基础框架，支持 SSR / SSG
Tiptap	富文本编辑器，基于 ProseMirror
Yjs	协同编辑核心，CRDT 数据结构
@hocuspocus	Yjs 的服务端与客户端 Provider
React 19	UI 框架，支持 Suspense 等新特性
Tailwind CSS	原子化 CSS，集成动画、表单样式等
Socket.io	协同通信通道
Prettier/ESLint	代码风格统一
Vitest/Playwright	单元测试与端到端测试支持

后端技术栈

分类	技术 / 工具	说明
应用框架	NestJS	现代化 Node.js 框架，支持模块化、依赖注入、装饰器和类型安全等特性
HTTP 服务	Fastify	高性能 Web 服务引擎，替代 Express，默认集成于 NestJS 中
协同编辑服务	@hocuspocus/server, yjs	提供文档协同编辑的 WebSocket 服务与 CRDT 算法实现
数据库 ORM	Prisma	类型安全的数据库访问工具，自动生成 Schema、支持迁移与种子数据
数据验证	class-validator, class-transformer	请求数据验证与自动转换，配合 DTO 使用
用户鉴权	@nestjs/passport, passport, JWT, GitHub	支持本地登录、JWT 认证与 GitHub OAuth 登录
缓存与状态	ioredis	用于缓存数据、实现限流、协同会话管理或 Pub/Sub 消息推送
对象存储	minio	私有化部署的 S3 兼容存储服务，支持图片与附件上传
图像处理	sharp	图像压缩、格式转换、缩略图等操作
日志系统	winston, winston-daily-rotate-file	支持多种格式、日志分级、自动归档的日志方案
服务监控	@nestjs/terminus, prom-client	提供 /health 健康检查和 /metrics Prometheus 指标暴露接口
监控平台	Prometheus, Grafana	采集与可视化服务运行指标（已内置 Docker 部署配置）
接口文档	@nestjs/swagger	基于代码注解自动生成 Swagger UI 文档
安全中间件	@fastify/helmet, @fastify/rate-limit	添加 HTTP 安全头部、限制请求频率、防止暴力攻击等安全保护
文件上传	@fastify/multipart, @webundsoehne/nest-fastify-file-upload	支持文件流式上传，集成 Fastify 与 NestJS 的多文件上传处理