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

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

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

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

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

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

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

文本方向 & 右到左支持
添加对从右到左语言和双向文本的支持。

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

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

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

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

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

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

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

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

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

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






