Tiptap是一款与框架无关的在线富文本编辑器

Tiptap Editor


Tiptap 编辑器是一款无头、框架无关的富文本编辑器,可通过扩展程序进行自定义和扩展。其无头特性意味着它无需固定的用户界面,提供完全的设计自由(如需快速入门,请参阅下方链接的 UI 模板)。Tiptap 基于高度可靠的 ProseMirror 库。

Tiptap 编辑器与协作开源后端 Hocuspocus 相得益彰。编辑器和 Hocuspocus 共同构成了 Tiptap Suite 的基础。

Tiptap 编辑器如何工作?

  • 无头框架:Tiptap 不依赖于用户界面。因此无需类重写或代码修改。如果您需要示例 UI,请随意浏览我们下方链接的 UI 模板
  • 与框架无关:Tiptap 编辑器旨在跨不同的前端框架运行。这意味着无论您使用的是 Vue、React 还是纯 JavaScript,Tiptap 都能轻松集成,不会出现兼容性问题。
  • 基于扩展:Tiptap 中的扩展程序可提供量身定制的编辑体验,从简单的文本样式到拖放式块编辑等高级功能。您可以从文档社区中提供的 100 多个扩展中进行选择,以增强编辑器的功能。
  • 自定义您的用户体验:该编辑器旨在让您控制定义自己的扩展节点

编辑器专业扩展

专业扩展 是一组高级功能,可增强 Tiptap 编辑器的功能。它们是可集成到基础编辑器中的附加功能,可提供更复杂的编辑选项。

主要功能包括协作编辑、评论、版本控制、文档转换和 AI 相关功能。

让您的编辑器更具协作性

对协作编辑感兴趣?请查看我们的开源软件包 Hocuspocus - 一个基于 Yjs 的 CRDT 功能构建的协作后端。Hocuspocus 是 Tiptap Suite 的核心。

文档

如需了解更多详细信息,请务必查看我们的文档。如果您遇到任何问题或对我们的系统有任何建议,请提交问题。

示例、CodeSandbox 和 UI 模板

查看示例,了解 Tiptap 的实际应用,或查看并 fork 我们的 codesandboxes。

关于 Tiptap

Tiptap 是基于开源技术的开发者组件集合,构成了我们高级付费功能的基础。它包含开源编辑器组件、协作功能、Content AI 和 Tiptap Cloud。我们正在开发开源产品,这些产品也塑造了我们的付费功能。我们致力于改进这两者,确保每次更新的质量和可靠性。

更多详情,请访问 Tiptap 文档网站

许可证

MIT 许可证 (MIT)。更多信息请参阅许可证文件

关于项目

Tiptap 编辑器是一款无头、框架无关的富文本编辑器,可通过扩展程序进行自定义和扩展。其无头特性意味着它无需固定的用户界面,提供完全的设计自由(如需快速入门,请参阅下方链接的 UI 模板)。Tiptap 基于高度可靠的 ProseMirror 库。
MIT
Typescript
32,936
2699
165
2018-08-21
2025-10-12

增长趋势 - stars