一个现代化协同文档编辑器,丰富的编辑能力与多人实时协作
一个基于 Tiptap 和 Next.js 构建的现代化协同文档编辑器,集成了丰富的编辑能力与多人实时协作功能,支持插件扩展、主题切换与持久化存储。适合团队写作、教育笔记、在线文档平台等场景。 功能特性
富文本编辑:标题、列表、表格、代码块、数学公式、图片、拖拽等 实时协作:使用 Yjs + @hocuspocus/provider 实现高效协同 插件丰富:基于 Tiptap Pro 多种增强功能(如表情、详情组件等) 完善工具链:支持 Prettier、ESLint、Husky、Vitest 等开发工具
技术栈
前端技术栈
[td]| 技术 | 说明 | | Next.js | 构建基础框架,支持 SSR / SSG | | Tiptap | 富文本编辑器,基于 ProseMirror | | Yjs | 协同编辑核心,CRDT 数据结构 | | @hocuspocus | Yjs 的服务端与客户端 Provider | | React 19 | UI 框架,支持 Suspense 等新特性 | | Tailwind CSS | 原子化 CSS,集成动画、表单样式等 | | Socket.io | 协同通信通道 | | Prettier/ESLint | 代码风格统一 | | Vitest/Playwright | 单元测试与端到端测试支持 |
后端技术栈
[td]| 分类 | 技术 / 工具 | 说明 | | 应用框架 | 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 的多文件上传处理 |
一个现代化协同文档编辑器,丰富的编辑能力与多人实时协作
一个现代化协同文档编辑器,丰富的编辑能力与多人实时协作

链接: https://pan.baidu.com/s/1kdzcJThloko8XlHm1-z1JA
提取码下载:
|