⭐️每周 10 万+ 次安装
几分钟内构建一个 Notion 风格 编辑器。
面向 React 的 AI 原生、开源 富文本编辑器。为你的产品接入可完全定制 的现代块编辑体验，让用户爱上它。
可直接上线的现代编辑器。
内置组件提供完整的块编辑体验，开箱即用；需要时也能对每一处进行深度定制。
为开发者打造的直观 API。
基于块的架构为工程团队提供强大的 API，同时具备完整 TypeScript 支持与清晰的 React 接口。
本地优先的协作体验。
一流的 Yjs 集成带来实时协作能力。可离线工作、无缝同步，并可部署在任何地方。
CollaborativeEditor.tsx
import * as Y from "yjs";
import { WebsocketProvider } from "y-websocket";
const doc = new Y.Doc();
const provider = new WebsocketProvider(
"ws://localhost:1234", "room-id", doc);
const editor = useCreateBlockNote({
collaboration: {
fragment: doc.getXmlFragment("document"),
user: { name: "Alice", color: "#ff0000" },
provider,
}
});
// Cursors and presence included为下一代编辑体验而构建。
构建未来的文档编辑产品，让用户与 AI 共同创作。可接入任意模型，并集成 RAG、工具和 Agent，由 AI SDK 提供支持。
坚定投入开源。
文档编辑是现代知识工作的重要基础设施。我们相信，用来创建和分享 知识的工具应该开放、透明、不受厂商锁定。这也是为什么我们构建的 一切都坚持开源。
🏛️
构建在成熟基石之上
ProseMirror 和 Yjs 是久经验证的基础设施，受到全球团队信赖，我们很高兴在这些技术之上继续构建。
⬆️
持续反哺上游
我们持续为 Yjs、Hocuspocus 和 Tiptap 做出重要贡献。生态越好，每个人都会受益。
🌱
以可持续为设计原则
自力更生、保持独立。我们关注长期建设，而不是下一轮融资。
透明定价
订阅 BlockNote XL。
BlockNote 100% 开源。下面是许可证与授权的工作方式。
💚
核心编辑器
BlockNote 的大部分内容（包括全部区块、实时协作、评论和 UI 组件）都采用宽松许可证。
无论个人、开源还是商业项目，都可以免费使用。
✓ 所有人免费可用
⚡
XL 扩展包
包含 AI 集成、PDF / Word / ODT 导出和 多栏布局 等高级功能。
对 GPL-3.0 开源项目免费；闭源项目则需要订阅授权。
✓ 开源项目免费
感谢所有支持者，帮助我们持续构建可持续发展的开源软件。
🧩
逐块构建，创造一切。
每一份 BlockNote 文档都是由区块组成的集合，包括标题、列表、 图片等。你可以使用内置区块、按需定制它们，或者干脆创建全新的区块。
段落
标题
列表
有序列表
清单
折叠列表
代码
引用
分隔线
表格
图片
视频
音频
文件
自定义区块