slash-editor：面向 React 的 Notion 风格块编辑器。MIT 协议，UI 完全由你掌控
面向 React 的 Notion 风格块编辑器。MIT 协议，UI 完全由你掌控
slash-editor 为你的 React 应用打造 Notion 风格的块级编辑体验：涵盖斜杠菜单、拖拽手柄、嵌套排序、内容类型转换、评论与实时协作。它基于无头架构的 Tiptap v3 核心构建，UI 组件通过 shadcn 注册表一键同步至本地仓库，完美继承你的 Tailwind CSS 设计令牌。功能覆盖表格、分栏、Mermaid 流程图、自定义 AI 模型接入及 Markdown 双向导入导出。全链路 MIT 开源，无付费层级，零托管依赖，真正实现技术栈与数据的绝对自主。
小编简评： slash-editor 堪称 React 生态中“开箱即用”的富文本新标杆。它将 Notion 备受推崇的块级交互逻辑，巧妙封装于无头架构的 Tiptap v3 之上，既保留了极致的性能与灵活性，又彻底告别了传统编辑器的臃肿包袱。最打动开发者的，是其与 shadcn/ui 和 Tailwind CSS 的深度绑定——组件直落本地仓库，样式完全服从项目的设计令牌，真正实现了“UI 你说了算”。从斜杠指令到实时协作，从 Mermaid 图表到自有 AI 模型接入，功能矩阵精准切中现代文档与知识库的开发痛点。更重要的是，全链路 MIT 协议加持，零订阅陷阱与云托管依赖，让它在 GitHub 上迅速成为企业级开发者工具的首选。对于追求代码自主权、渴望在 React 项目中快速落地高颜值编辑器的团队而言，slash-editor 不仅是一个轻量插件，更是一套可自由演进、高度可控的交互基础设施，极大降低了复杂业务场景下的二次开发成本。
用户评价：
“终于不用自己造轮子了，shadcn 集成太丝滑！”
“实时协作和 AI 接入很稳，GitHub 上 star 涨得飞快。”
“纯前端方案，Tailwind 样式随便改，开发者狂喜。”
“零托管零付费，数据完全在自己手里，用着踏实。”
“块级编辑体验媲美 Notion，React 项目必备神器。”
关键词：#slash-editor #Open Source #Developer Tools #GitHub #开源项目 #开发者工具
官方网站： slash-editor
英文介绍： Notion-style block editor for React. MIT, UI you own
slash-editor gives your React app the Notion block experience: a slash menu, drag handles, nested reorder, turn-into, comments and real-time collab. It runs on a headless Tiptap v3 core. The UI arrives through a shadcn registry, so the components land in your repo and follow your Tailwind tokens. Tables, columns, Mermaid, AI via your own model, markdown import/export. MIT end to end, no paid tier, nothing hosted.
以下是产品图片：
官方网站： slash-editor
您觉得这个产品怎么样？有什么亮点或不足？可以分享给您的朋友一起探讨！
每天下午16:00，实时同步 Product Hunt 精选榜单，用中文呈现全球顶级开发者、创业者的奇思妙想，准时链接全球创意！欢迎持续关注~~~