开源的区块
富文本编辑器
一款美观实用的文本编辑器,轻松为应用添加用户喜爱的编辑功能。支持自定义扩展,如定制内容区块或集成AI工具,按需打造专属编辑器。
为什么选择 BlockNote?
无论您想要广泛的自定义还是出色的开箱体验,BlockNote 都能满足您的需求:

开箱即用
内置组件如菜单和工具栏瞬间提供了熟悉的 Notion 风格用户体验,但也完全可定制。

基于区块的设计
拖放或嵌套区块。基于模块的设计让用户能够创建精美的文档,并为工程师解锁强大的API接口。

协作
通过支持实时协作,打造精彩的多人互动与协作体验。
可扩展性
想要更进一步吗?通过自定义块、架构和插件扩展编辑器。
一流的 TypeScript 支持
即使在使用自定义块和模式扩展编辑器时,也能获得完整的类型安全和自动补全。
主题化
自定义编辑器外观以匹配您的品牌风格,内置支持浅色与深色主题模式。
Markdown 和 HTML
将文档从 BlockNote JSON 转换为 Markdown 和 HTML,并从 Markdown 和 HTML 转换为 BlockNote JSON。
基于 Prosemirror
建立在经过战斗考验的 Prosemirror 之上,但没有陡峭的学习曲线。
原生 JS
不使用 React?BlockNote 同样支持原生 JavaScript,可与其他框架配合使用。
建设历程
构建一个现代化的协作文本编辑器是一个复杂的工程挑战,以前需要数月的工作、深厚的技术专长和大量的耐心——只有大型公司才能做到。
利用我们的专业知识,我们着手创建一个现代化的、开箱即用的、基于区块的文本编辑器,旨在为开发者节省数月的工程工作,这一切都建立在行业标准之上,例如 Prosemirror 和 Yjs(被纽约时报、Atlassian、Wordpress、Gitlab 等众多公司使用)。
进入 BlockNote。
BlockNote 消除了处理文本位置和文档结构的低级细节的需要。相反,使用强类型的基于块的 API 来处理您的编辑器和文档。您还可以获得一整套现代 UI 组件,开箱即用:无需从头构建所有界面元素。只需几行代码,您就可以将一个精致的协作文本编辑器集成到您的应用中。
在一个活跃且不断壮大的公司和开发者社区的支持下,我们邀请您参与、提供反馈,并与我们合作,共同塑造富文本编辑和协作软件的未来!
开源社区
加入开放源代码贡献者社区,通过与 BlockNote 社区互动并为项目贡献力量。
贡献者
常见问题
还有更多问题吗?联系我们的团队。
- 使用无头编辑器框架不是更简单吗?
- 有许多强大的无头文本编辑器框架可供使用。事实上,BlockNote 是基于 Prosemirror 和 TipTap 构建的。然而,即使使用无头库,构建一个功能齐全、用户期望的精美 UI 编辑器也需要几个月的时间,并且需要深厚的专业知识。
- BlockNote 准备好用于生产环境了吗?
- BlockNote 已被数十家公司在生产环境中使用,涵盖从初创企业到大型企业和公共机构的广泛范围。此外,我们并没有重新发明轮子。核心编辑器建立在 Prosemirror 之上,这是一个经过实战检验的框架,支持来自 Atlassian、Gitlab、纽约时报等众多软件。
- 我可以向 BlockNote 添加我自己的扩展吗?
- BlockNote 开箱即用即具备丰富功能,但我们深知不同应用场景需求各异。您可轻松定制内置的 UI 组件,或创建专属的自定义区块、行内内容和样式。若需更深度扩展,还能通过添加 Prosemirror 或 TipTap 插件来增强核心编辑器功能。
- BlockNote 真的是免费的吗?
- 100% 的 BlockNote 是开源的。我们提供咨询、支持服务和特定 XL 套件的商业许可证,以帮助维持 BlockNote 的发展。有关更多信息,请查看我们的 定价页面。