ueberdosis/tiptap
开发工具一个无需内置界面、基于 ProseMirror 的富文本编辑器框架,适合需要完全掌控 UI 的 Web 开发者。
项目介绍
Tiptap 是一个构建在 ProseMirror 之上的无头富文本编辑器。它不提供现成界面,渲染方式和样式由开发者自行决定,编辑模型和行为交给 Tiptap 处理。它可用于 React、Vue 和原生 JavaScript,功能通过扩展组合而成;官方文档覆盖了 100 多个扩展,包括文字样式、拖拽块编辑等,你也可以自定义扩展和节点。
它面向需要从零搭建编辑器的前端开发者,而不是直接嵌入一个带样式的 WYSIWYG 组件。协作编辑、评论、版本管理、文档转换和 AI 相关能力属于 Pro 扩展,需要订阅付费。开源协作后端 Hocuspocus 单独提供,基于 Yjs CRDT 实现。
快速使用
README 指向安装文档获取配置步骤,但没有在仓库中直接给出安装包的命令。安装编辑器包之后,最快的上手方式是直接 fork 基础 CodeSandbox 示例或协作示例,在可运行环境中查看效果。
如果使用编程 Agent,可以在应用项目中安装官方 skill,帮助完成编辑器的初始化、扩展和调试:
npx skills add ueberdosis/tiptap --skill tiptap
使用约束
开源核心采用 MIT 许可证,但 Pro 扩展是付费附加项,不包含在免费包中。协作编辑需要单独部署 Hocuspocus 后端。由于编辑器是无头的,工具栏、样式和整体界面都需要自行实现;项目提供的模板只是起点,不是开箱即用的完整产品。
HotRepo 点评
Tiptap 目前有 38,975 个 Star、3,197 个 Fork。在 2026-11-06 的 TypeScript 日榜中,它当天新增 16 个 Star,排名第 17。项目自 2018 年起持续开发,采用度较为成熟,而非短期爆发。它的核心价值在于无头设计带来的跨框架适配和扩展能力;代价是界面需要自己搭建,高级协作功能需要付费。
本文由 AI 根据项目 README 生成,更新于 ,以项目官方文档为准。