Repolode
ueberdosis

ueberdosis/tiptap

基于 ProseMirror 的无界面富文本编辑器框架,可与多种前端框架配合,通过扩展灵活定制。

可替代:Notion

Star
38,793
Fork
3,171
未关闭 Issue
909
最近提交
10小时前

这是什么?

Tiptap 是一个无界面(headless)的富文本编辑器框架。它不附带现成的 UI,开发者可以完全自由地设计编辑器的外观和布局,文档状态、格式处理和编辑行为由框架负责。底层基于 ProseMirror,可用于 Vue、React 或原生 JavaScript 项目。

功能通过扩展(extensions)添加,官方提供 100 多种扩展,覆盖从基础文本样式到拖拽式块编辑等能力。开发者也可以自定义扩展和节点类型,适配自己的内容结构。

该项目是 Tiptap Suite 的一部分,可与基于 Yjs 的开源协作后端 Hocuspocus 配合使用。协作、评论、版本管理、AI 等高级功能以 Pro 扩展的形式提供,需要订阅。

核心功能

  • 01无界面设计,样式完全由开发者掌控
  • 02与框架无关,可用于 Vue、React 或原生 JavaScript
  • 03扩展体系,官方及社区提供 100 多种扩展
  • 04支持自定义扩展和节点,适配特定内容结构
  • 05基于 ProseMirror 构建

适用场景

  • 在已有设计风格的 Web 应用中加入富文本编辑框
  • 在 React 或 Vue 中构建类 Notion 的块编辑器
  • 结合 Hocuspocus 与 Yjs 实现多人协作文档编辑

快速上手

  1. 1

    在你的项目中安装 Tiptap 智能体技能

    npx skills add ueberdosis/tiptap --skill tiptap
  2. 2

    按照 Tiptap 文档中的安装指南操作

使用前须知

  • 这是无界面的无头编辑器,不包含用户界面,需要自行构建 UI。
  • Pro 扩展需要有效的订阅。

标签

常见问题

tiptap 是什么?
基于 ProseMirror 的无界面富文本编辑器框架,可与多种前端框架配合,通过扩展灵活定制。 Tiptap 是一个无界面(headless)的富文本编辑器框架。它不附带现成的 UI,开发者可以完全自由地设计编辑器的外观和布局,文档状态、格式处理和编辑行为由框架负责。底层基于 ProseMirror,可用于 Vue、React 或原生 JavaScript 项目。
tiptap 可以免费使用吗?用的什么许可证?
tiptap 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
tiptap 还在维护吗?
活跃维护中。tiptap 最近一次提交是在 2026年10月20日。
tiptap 适合用来做什么?
在已有设计风格的 Web 应用中加入富文本编辑框 在 React 或 Vue 中构建类 Notion 的块编辑器 结合 Hocuspocus 与 Yjs 实现多人协作文档编辑
tiptap 怎么安装和运行?
在你的项目中安装 Tiptap 智能体技能: npx skills add ueberdosis/tiptap --skill tiptap 按照 Tiptap 文档中的安装指南操作
在哪里获取 tiptap?
源代码和安装说明在 GitHub 上:https://github.com/ueberdosis/tiptap

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目