Tiptap 编辑器
Tiptap 编辑器是一个无头的、与框架无关的富文本编辑器,可通过扩展进行自定义和扩展。其无头特性意味着它没有预设的用户界面,提供了完全的设计自由(如需快速入门,请参阅下方链接的UI模板)。Tiptap 基于高度可靠的 ProseMirror 库构建。
Tiptap 编辑器与开源协作后端 Hocuspocus 相辅相成。编辑器和 Hocuspocus 共同构成了 Tiptap Suite 的基础。
Tiptap 编辑器如何工作?
- 无头框架: Tiptap 不依赖于用户界面。因此无需覆盖类或进行代码黑客处理。如果你需要示例 UI,可以浏览下方链接的UI模板。
- 框架无关: Tiptap 编辑器设计为可跨不同前端框架工作。这意味着无论你使用 Vue、React 还是纯 JavaScript,Tiptap 都能无缝集成,不存在兼容性问题。
- 基于扩展: Tiptap 中的扩展允许定制编辑体验,从简单的文本样式到高级功能如拖放块编辑。你可以从文档和社区中提供的 100 多个扩展中进行选择,以增强编辑器的功能。
- 自定义用户体验: 编辑器的构建旨在让你能够定义自己的扩展和节点。
编辑器专业扩展
专业扩展是一组高级功能,可增强 Tiptap 编辑器的能力。这些附加功能可以集成到基础编辑器中,提供更复杂的编辑选项。
主要功能包括协作编辑(允许多用户同时编辑文档)、拖放文件管理(便于处理文档和媒体),以及唯一节点 ID 分配。可以在这里查看文档。
专业扩展对拥有 Tiptap 账户的用户免费。注册后,请查看账户中的指南。
使你的编辑器支持协作
对协作编辑感兴趣吗?查看我们的开源包 Hocuspocus - 一个围绕 Yjs 的 CRDT 能力构建的协作后端。Hocuspocus 是 Tiptap Suite 的核心。
文档
欲了解更详细的信息,请务必查看我们的文档。如果你遇到任何问题或对我们的系统有建议,请提出 issue。
示例、代码沙箱和 UI 模板
查看示例以了解 Tiptap 的实际应用,或查看并 fork 我们的代码沙箱。
- Tiptap 编辑器的基本示例
- 支持协作的 Tiptap 代码沙箱
- React 类 Notion 块编辑器模板:演示
关于 Tiptap
Tiptap 是一系列基于开源技术的开发者组件集合,构成了我们高级付费功能的基础。它包括开源编辑器组件、协作功能、内容 AI 和 Tiptap Cloud。我们正在开发开源产品,这些产品也塑造了我们的付费功能。我们致力于改进两者,确保每次更新都能保证质量和可靠性。
社区
如需帮助、讨论最佳实践或任何其他可受益于可搜索的对话:
赞助商 💖
iFixit、ApostropheCMS、Novadiscovery、Omics Data Automation、Flow Mobile、DocIQ 以及数百名优秀的个人。
贡献
想为 Tiptap 编辑器核心添加一些自己的魔法吗?我们欢迎贡献!请查看我们的 CONTRIBUTING 指南,了解如何开始。
贡献者
Sam Willis、 Brian Hung、 Dirk Holtwick、 Sam Duvall、 Christoph Flathmann、 Erick Wilder、 Marius Tolzmann、 jjangga0214、 Maya Nedeljkovich、 Ryan Bliss、 Gregor 以及更多贡献者。
许可证
MIT 许可证(MIT)。更多信息请参阅许可证文件。