示例
新库初始难度较大。我们理解这一点,因此为你准备了一系列示例。它们涵盖了各种使用场景,展示了如何在项目中使用 Tiptap。

默认文本编辑器
了解如何用 Tiptap 创建一个默认的文本编辑器。

Markdown快捷键
在你的 Tiptap 编辑器中添加 Markdown 快捷键。

表格
在你的 Tiptap 编辑器中添加表格。

图片
在你的 Tiptap 编辑器中添加图片。

格式化
给你的 Tiptap 编辑器添加内容格式化功能。

任务
为你的 Tiptap 编辑器添加任务清单。

长文本
在内容规模巨大的情况下保持良好的性能。

最小配置
使用简洁的配置保持编辑器简单干净。

协作编辑
使用 Tiptap 编辑器构建协作编辑器。

菜单
在你的编辑器中添加气泡菜单和悬浮菜单。

绘图
为你的 Tiptap 编辑器添加支持绘图的自定义 NodeView。

提及功能
允许用户在文档中提及他人。

强制内容结构
强制内容符合特定结构,例如标题。

智能编辑器
通过自定义扩展,使你的编辑器变得更聪明。

交互式 React & Vue 视图
在你的 Tiptap 内容中使用 React 或 Vue 组件。

语法高亮
在你的 Tiptap 编辑器中为代码块实现语法高亮。
实验项目
以下示例属于实验性质,意味着它们尚未得到支持或维护。它们的目的在于展示 Tiptap 的潜能,并激发你自己开发扩展。






