搜索你想找的开源项目

输入名称、用途或关键词,也可粘贴 GitHub 仓库链接

分享到微信

当前解读页的微信分享二维码

用微信扫一扫打开,点击右上角「···」分享给朋友或朋友圈。

手机上可截屏后,在微信扫一扫中从相册识别二维码。

ueberdosis/tiptap

开发工具

一个无需内置界面、基于 ProseMirror 的富文本编辑器框架,适合需要完全掌控 UI 的 Web 开发者。

38,983
3,198
TypeScript
MIT
创建于 8 年前

项目介绍

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 生成,更新于 ,以项目官方文档为准。