开源的区块
富文本编辑器

一款美观实用的文本编辑器,轻松为应用添加用户喜爱的编辑功能。支持自定义扩展,如定制内容区块或集成AI工具,按需打造专属编辑器。

Try it out

为什么选择 BlockNote?

无论您想要广泛的自定义还是出色的开箱体验,BlockNote 都能满足您的需求:

开箱即用
开箱即用
内置组件如菜单和工具栏瞬间提供了熟悉的 Notion 风格用户体验,但也完全可定制。
基于区块的设计
基于区块的设计
拖放或嵌套区块。基于模块的设计让用户能够创建精美的文档,并为工程师解锁强大的API接口。
协作
协作
通过支持实时协作,打造精彩的多人互动与协作体验。
可扩展性
想要更进一步吗?通过自定义块、架构和插件扩展编辑器。
一流的 TypeScript 支持
即使在使用自定义块和模式扩展编辑器时,也能获得完整的类型安全和自动补全。
主题化
自定义编辑器外观以匹配您的品牌风格,内置支持浅色与深色主题模式。
Markdown 和 HTML
将文档从 BlockNote JSON 转换为 Markdown 和 HTML,并从 Markdown 和 HTML 转换为 BlockNote JSON。
基于 Prosemirror
建立在经过战斗考验的 Prosemirror 之上,但没有陡峭的学习曲线。
原生 JS
不使用 React?BlockNote 同样支持原生 JavaScript,可与其他框架配合使用。

建设历程

当我们开始构建一个开源的 Notion 替代品时,我们想:“这会有多难呢?”结果发现,非常困难。2024年的文本编辑器?比我们想象的要复杂得多。


在深入研究许多复杂问题并意外成为 Prosemirror 的专家(这是像纽约时报、Atlassian、Gitlab 等巨头使用的行业标准)之后,我们意识到通过在其基础上创建一个现代的、功能齐全的、基于区块的文本编辑器,可以为其他开发者节省很多麻烦。


我们很高兴与您分享 BlockNote。无需再处理低级别的位置;使用强类型、基于块的 API 来处理您的编辑器和文档。无需从头构建所有界面元素;它自带现代 UI 组件。现在,您只需几行代码,就可以为您的应用添加一个具有精美用户体验的富文本编辑器。


虽然尚处早期阶段,但这份热情真实可感。我们看到企业、爱好者和社区先锋纷纷加入。作为一个由社区主导的开源项目,我们热切期待您的贡献、反馈或合作!

开源社区

加入开放源代码贡献者社区,通过与 BlockNote 社区互动并为项目贡献力量。

赞助商与用户

常见问题

还有更多问题吗?联系我们的团队

使用无头编辑器框架不是更简单吗?
有许多强大的无头文本编辑器框架可供使用。事实上,BlockNote 是基于 Prosemirror 和 TipTap 构建的。然而,即使使用无头库,构建一个功能齐全、用户期望的精美 UI 编辑器也需要几个月的时间,并且需要深厚的专业知识。
BlockNote 准备好用于生产环境了吗?
BlockNote 被多家公司用于生产。此外,我们并没有重新发明轮子。核心编辑器建立在 Prosemirror 之上,这是一个经过实战检验的框架,支持来自 Atlassian、Gitlab、纽约时报等许多软件。
我可以向 BlockNote 添加我自己的扩展吗?
BlockNote 开箱即用即具备丰富功能,但我们深知不同应用场景需求各异。您可轻松定制内置的 UI 组件,或创建专属的自定义区块、行内内容和样式。若需更深度扩展,还能通过添加 Prosemirror 或 TipTap 插件来增强核心编辑器功能。
BlockNote 真的是免费的吗?
BlockNote 的 100% 是开源的。虽然该库是免费的,但我们提供付费咨询和支持服务,以帮助维持 BlockNote。如果您在商业项目中使用 BlockNote,我们鼓励您注册 BlockNote Pro!