BlockNote 介绍
BlockNote 是一款面向 React 的基于块的富文本编辑器,专注于以最小的配置提供出色的开箱即用体验。
通过 BlockNote,我们希望为开发者轻松添加一款下一代文本编辑体验到他们的应用中,提供的用户体验可与 Notion、Google Docs 或 Coda 等行业领军产品相媲美。
与其他富文本编辑器库不同,BlockNote 将文档组织成块。这不仅让用户更容易整理他们的文档,也便于开发者通过代码与文档交互。
BlockNote 在设计之初就考虑了扩展性。你可以自定义文档,创建自定义块类型,并自定义UX元素,如菜单项。高级用户甚至可以从零开始创建他们自己的 UI,并使用纯 JavaScript 而非 React 来使用 BlockNote。
- 立即进入 快速入门 开始使用
- 了解块和编辑器基础以及如何使用编辑器 API与编辑器交互
- 查看UI 组件来自定义内置菜单和工具栏,及样式与主题来自定义编辑器的外观和风格
- 通过 自定义方案 进一步扩展编辑器,或添加实时协作
为什么选择 BlockNote?
市面上有许多创建富文本编辑器的库。实际上,BlockNote 建立在广泛使用的 ProseMirror 和 TipTap 之上。
尽管这些库功能强大,但通常学习曲线较陡,需要你定制编辑器的每一个细节,这可能需要数月的专业开发时间。
BlockNote 则相反,它提供了极佳的体验且配置极简,含有即用且带动画的 UI。
此外,它采用现代的基于块的设计。这样不仅赋予文档更多结构,提升用户体验,同时也让定制编辑器功能变得更容易。
社区
我们非常欢迎你的反馈!如果你有问题、需要帮助或想贡献代码,请加入我们的 Discord 社区或访问 GitHub。
下一步:搭建 BlockNote
查看如何在快速入门中搭建你的编辑器。如果你迫不及待,这里有个快速预览!