BlockNote 简介

BlockNote 是一款面向 React (opens in a new tab) 的基于块的富文本编辑器，专注于以最小的配置提供出色的开箱即用体验。

通过 BlockNote，我们希望为开发者轻松添加一款下一代文本编辑体验到他们的应用中，提供的用户体验可与 Notion、Google Docs 或 Coda 等行业领军产品相媲美。

与其他富文本编辑器库不同，BlockNote 将文档组织成块。这不仅让用户更容易整理他们的文档，也便于开发者通过代码与文档交互。

BlockNote 在设计之初就考虑了扩展性。你可以自定义文档，创建自定义块类型，并自定义UX元素，如菜单项。高级用户甚至可以从零开始创建他们自己的 UI，并使用纯 JavaScript 而非 React 来使用 BlockNote。

• 直接进入 快速开始指南 以快速上手
• 了解 块和编辑器基础 以及如何使用 编辑器 API 进行交互
• 查看 UI 组件 来定制内置菜单和工具栏，及 样式与主题 来定制编辑器的外观和风格
• 使用 自定义 Schema 通过自定义块进一步扩展编辑器，或添加 实时协作

为什么选择 BlockNote？

市面上有许多创建富文本编辑器的库。实际上，BlockNote 建立在广泛使用的 ProseMirror (opens in a new tab) 和 TipTap (opens in a new tab) 之上。

尽管这些库功能强大，但通常学习曲线较陡，需要你定制编辑器的每一个细节，这可能需要数月的专业开发时间。

BlockNote 则相反，它提供了极佳的体验且配置极简，含有即用且带动画的 UI。

此外，它采用现代的基于块的设计。这样不仅赋予文档更多结构，提升用户体验，同时也让定制编辑器功能变得更容易。

社区

我们非常欢迎你的反馈！如果你有问题、需要帮助或想贡献代码，请加入我们的 Discord (opens in a new tab) 社区或访问 GitHub (opens in a new tab)。

下一步：搭建 BlockNote

查看如何在 快速开始 里搭建你自己的编辑器。如果迫不及待，下面是快速预览！