Tiptap Editor

一款面向网络的无头、框架无关的富文本编辑器

2024-07-13

Tiptap Editor 是一款现代化的无界面(headless)富文本编辑器,专为需要高度定制化且不依赖特定框架的开发者设计。与传统编辑器不同,Tiptap 不会预设用户界面,开发者可以从零开始自由设计编辑器的视觉风格与交互体验。这使得它成为品牌一致性和用户体验至关重要的项目的理想选择。

核心特性:

  1. 无界面 & 框架无关:Tiptap 可无缝适配 Vue、React 或原生 JavaScript 环境,确保与现有技术栈兼容。
  2. 插件化扩展:从 100 多个社区扩展中挑选功能,或自行开发插件。支持从基础文本样式到高级区块编辑的全方位需求。
  3. 实时协作支持:通过集成开源后端 Hocuspocus(基于 Yjs 构建),Tiptap 为团队提供实时协同编辑能力。
  4. 专业扩展包:解锁拖放文件管理、唯一节点 ID 等高级功能——注册 Tiptap 账户即可免费使用。
  5. 开源内核:基于 ProseMirror 构建,在保障稳定性和性能的同时,持续吸纳社区贡献。

典型场景:

  • 内容管理系统(CMS):根据 CMS 设计语言定制编辑器界面。
  • 协作工具:为文档或白板应用添加实时共同编辑功能。
  • 类 Notion 应用:利用模块化区块编辑模板进行内容创作。

Tiptap 还驱动着 Tiptap CloudContent AI 服务,在保持强大开源基础的同时提供高级功能。查看 CodeSandbox 模板 或阅读官方文档获取实现示例。

欢迎贡献代码! 请遵循贡献指南。项目采用 MIT 许可协议。

Rich Text Editor Collaboration Framework-agnostic Extensible Open Source