
slash-editor
slasheditor.dev
React 版 Notion 风格块编辑器,UI 完全自持
16天前制作者:Nhat Bui
关于 slash-editor
slash-editor 是一款为 React 应用打造的 Notion 风格块编辑器,让你在自家产品中快速复刻 Notion 的块编辑体验。它基于无头 Tiptap v3 内核构建,UI 组件通过 shadcn registry 直接落入你的代码仓库,完全遵循你的 Tailwind 设计令牌,真正做到「UI 归你所有」。
核心功能
- 斜杠菜单:输入
/即可唤出命令面板,快速插入标题、列表、表格、代码块等各类内容块。 - 拖拽手柄与嵌套重排:通过拖拽手柄自由调整块顺序,支持多层嵌套结构的重排与折叠。
- Turn-into 转换:一键将段落、标题、引用、列表等块类型互相转换,编辑体验顺滑自然。
- 评论与实时协作:内置评论功能,并支持多人实时协同编辑,适合团队协作场景。
主要特性
- MIT 全开源:端到端 MIT 协议,无付费墙、无托管服务,代码完全自主可控。
- UI 自持:组件以 shadcn registry 形式安装到你的仓库,样式随你的 Tailwind 令牌走。
- 丰富内容支持:内置表格、分栏、Mermaid 图表,并支持 Markdown 导入导出。
- AI 可接入:通过你自己的模型 API 接入 AI 能力,数据不出你的边界。
适用场景
slash-editor 非常适合需要文档编辑、知识库、笔记应用或协作平台的 React 团队。无论你是想为 SaaS 产品嵌入编辑器,还是构建内部知识管理系统,它都能以极低的集成成本提供接近 Notion 的编辑体验,同时保留对 UI 与数据的完全掌控。