一套代码多端运行的跨端跨框架方案,可用 React/Vue 开发微信等小程序、H5 和 React Native 应用。
- 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
在你的项目中安装 Tiptap 智能体技能
npx skills add ueberdosis/tiptap --skill tiptap - 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 数据每日更新。
相关项目
3.8万4867TypeScriptOther更新于 23小时前
面向 Web 应用的异步状态管理与数据获取库,支持 React、Vue、Svelte 和 Solid。
5万4222TypeScriptMIT更新于 4小时前
基于 Material Design 的 Vue 组件框架,提供响应式的精致 UI 组件,用于构建 Web 应用。
4.1万7112TypeScriptOther更新于 6小时前
用于构建节点式交互界面(如流程图、图编辑器和工作流编辑器)的 React 与 Svelte 开源库。
3.9万2559TypeScriptMIT更新于 16小时前
无头(headless)表格库,支持排序、过滤、分组和分页,可完全自定义 UI,适配 React、Vue、Solid、Svelte 等框架。
2.9万3589TypeScriptMIT更新于 9天前
基于 Electron、React、TypeScript 和 Vite 的跨平台桌面应用起步模板。
2.4万3960TypeScriptMIT更新于 9天前