🚀 BlockNote AI is here! Access the early preview.

开源的区块
富文本编辑器

一款美观实用的文本编辑器,轻松为应用添加用户喜爱的编辑功能。支持自定义扩展,如定制内容区块或集成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,可与其他框架配合使用。

建设历程

构建一个现代化的协作文本编辑器是一个复杂的工程挑战,以前需要数月的工作、深厚的技术专长和大量的耐心——只有大型公司才能做到。

利用我们的专业知识,我们着手创建一个现代化的、开箱即用的、基于区块的文本编辑器,旨在为开发者节省数月的工程工作,这一切都建立在行业标准之上,例如 Prosemirror 和 Yjs(被纽约时报、Atlassian、Wordpress、Gitlab 等众多公司使用)。

进入 BlockNote。

BlockNote 消除了处理文本位置和文档结构的低级细节的需要。相反,使用强类型的基于块的 API 来处理您的编辑器和文档。您还可以获得一整套现代 UI 组件,开箱即用:无需从头构建所有界面元素。只需几行代码,您就可以将一个精致的协作文本编辑器集成到您的应用中。

在一个活跃且不断壮大的公司和开发者社区的支持下,我们邀请您参与、提供反馈,并与我们合作,共同塑造富文本编辑和协作软件的未来!

开源社区

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

贡献者

YousefED avatar17Amir17 avatarmatthewlipski avatarGuySerfaty avatartomeryp avatarhoracioh avatari-am-chitti avatarDAlperin avatartensor-tian avatarsudarshanshenoy avatarcuire avatarfogle avatarrichmengsix avatarPhilipWillms avatarniclas-j avatardanlgz avatarCTNicholas avatarcharlesfrisbee avatar

成为 GitHub 贡献者

通过贡献代码和支持项目,加入 BlockNote 开发者社区。

查看我们的仓库

加入 Discord 社区

在 Discord 上向其他 BlockNote 用户提问、讨论功能并分享您的作品。

加入我们的服务器

赞助商与用户

常见问题

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

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