节点

介绍

如果将文档看做一棵树，那么节点只是这颗树中的一种内容。
例如：段落、标题或代码块。
但节点不一定是块的形式，也可能是内联的形式，例如提及@mentions。

支持的节点列表

title	名称	StarterKit包中是否包含	源码
Blockquote	引用	包含	GitHub
BulletList	无序列表	包含	GitHub
CodeBlock	代码块	包含	GitHub
Document	文档	包含	GitHub
Emoji	表情符号	-	需要订阅Tiptap Pro
HardBreak	br换行	包含	GitHub
Heading	标题	包含	GitHub
HorizontalRule	分隔线	包含	GitHub
Image	图片	-	GitHub
ListItem	列表组	包含	GitHub
Mention	提及	包含	GitHub
OrderedList	有序列表	包含	GitHub
Paragraph	段落	包含	GitHub
Table	表格	-	GitHub
TableRow	表格行	-	GitHub
TableCell	表格单元格	-	GitHub
TaskList	任务列表	-	GitHub
TaskItem	任务项	-	GitHub
Text	文本	包含	GitHub
YouTube	油管	-	GitHub

创建自定义节点

您可以随意的为TipTap创建自定义节点。下面是创建和注册自定义节点的示例代码：

import { Node } from '@tiptap/core'

// 定义扩展
const CustomNode = Node.create({
  // 您的代码实现
})

const editor = new Editor({
  extensions: [
    // 注册您的扩展到编辑器
    CustomNode,
    // 不要忘了其他扩展.
    Document,
    Paragraph,
    Text,
    // …
  ],
})