← 返回资讯
产品发布 @dotey 2026-04-15

宝玉:推荐 BlockNote 开源 AI 富文本编辑器

BlockNote 是基于 ProseMirror/Tiptap 的 Notion 风格编辑器,支持拖拽嵌套和斜杠菜单。原生集成 AI 能力,用户选中文字即可调用 AI 写作和修改,支持接入 OpenAI、Anthropic 等后端。

查看原文
AI 资讯解读
```html

核心要点

2026年4月15日,X 平台用户 @dotey 推荐了一款名为 BlockNote 的开源富文本编辑器。该编辑器基于成熟的 ProseMirror/Tiptap 技术栈构建,主打 Notion 风格的块级编辑体验,具备拖拽嵌套和斜杠菜单(Slash Menu)等交互特性。其核心差异化在于原生内置 AI 能力——用户选中任意文字即可直接调用 AI 进行写作辅助和内容修改,后端支持 OpenAI、Anthropic 等主流 LLM 提供商。这标志着富文本编辑器的 AI 集成从「插件外挂」模式向「内核嵌入」模式的演进。

原文 + 中文翻译

原文:"BlockNote — Notion-style editor built on top of ProseMirror/Tiptap. Drag & drop, nested blocks, slash menu. Native AI integration: select text and use AI to write/modify. Supports OpenAI, Anthropic, and other backends."

翻译:BlockNote — 基于 ProseMirror/Tiptap 构建的 Notion 风格编辑器。支持拖拽、嵌套块、斜杠菜单。原生的 AI 集成:选中文字即可使用 AI 进行写作和修改。支持 OpenAI、Anthropic 及其他后端。

深度解读

技术选型:站在成熟巨人肩上

BlockNote 选择 ProseMirror 和 Tiptap 作为底层框架并非偶然。ProseMirror 是目前业界最被广泛采用的富文本编辑引擎之一,由《超越愤怒》(Getting Things Done)一书作者 Michael Aufreiter 主导开发,其「内容为模型、操作为文档」的架构理念深受开发者信赖。Tiptap 则在 ProseMirror 之上封装了一套 Vue/React 友好的一体化 API,大幅降低了组件化使用门槛。BlockNote 在此基础上进一步强化了「块」(Block)抽象——每个段落、图片、代码块皆为独立可嵌套的节点,这正是 Notion 区别于传统文档编辑器的核心体验。技术栈的继承性意味着 BlockNote 从第一天起就具备生产级稳定性,而非从零试错。

AI 集成的范式转变:从工具到交互层

传统意义上,AI 写作辅助在编辑器中的实现通常有两种路径:其一是作为独立侧边栏工具(如 Jasper、Copy.ai),用户在编辑器外部起草再粘贴进来;其二是浏览器扩展或插件(如 Compose AI),通过注入脚本在原页面叠加 AI 能力。BlockNote 的「原生集成」则将 AI 能力下沉至编辑器的交互层——用户只需选中任意文本,AI 动作即作为编辑操作的一部分出现,无需切换上下文窗口。这种交互范式与 Google Docs 的「写作助手」和 Microsoft Copilot in Word 的设计思路一致,但在开源自托管场景中填补了空白。值得注意是,其后端支持 OpenAI 和 Anthropic 双主流,这暗示了 BlockNote 面向的是对模型选择有自主权的开发者和企业用户,而非绑定单一 AI 供应商的终端消费者。

开源定位的市场卡位

当前 AI 写作工具市场呈现明显的两极分化:一边是 OpenAI-backed 的商业产品(ChatGPT、Claude 桌面端),另一边是功能受限的免费方案。BlockNote 的开源属性意味着:开发者可以私有化部署以满足数据合规要求(如医疗、法律、金融行业的 GDPR/数据本地化合规),可以在自有应用中嵌入 AI 编辑能力而无需向第三方 SaaS 付费,也可以Fork 项目进行深度定制。这一定位与 Supabase、Linear 等「开发者友好」产品的崛起一脉相承——它们不与 Figma、Notion 直接竞争,而是为后者无法覆盖的场景提供基础设施。可以推断,BlockNote 的目标用户是构建 AI Native 应用的开发团队,而非普通写作者。

值得关注

信源行:@dotey 原始推文|背景报道:GitHub BlockNote 仓库(建议交叉比对 ProseMirror 官方文档及 Tiptap 生态现状);延伸参考:Tiptap 官方文档 对块编辑范式的技术定义。

```
本解读由 AI 自动生成,仅供参考。请以原文为准。