UniqueID 扩展

UniqueID 扩展会为所有节点添加唯一 ID。该扩展会跟踪你的节点，即使你拆分它们、合并它们、撤销/重做更改、裁剪内容、粘贴内容……它都能正常工作。 此外，你可以配置哪些节点类型会获得唯一 ID，哪些不会，并且可以自定义 ID 的生成方式。

安装

npm install @tiptap/extension-unique-id

设置

attributeName

附加到 HTML 标签上的属性名称（前缀会是 data-）。

默认值：'id'

UniqueID.configure({
  attributeName: 'uid',
})

types

所有需要获得唯一 ID 的节点类型，例如 ['heading', 'paragraph']

默认值：[]

UniqueID.configure({
  types: ['heading', 'paragraph'],
})

generateID

用于生成并返回唯一 ID 的函数。

默认值：() => uuidv4()

filterTransaction

忽略某些事务，例如通过协作插件由其他用户应用的事务。

默认值：null

import { isChangeOrigin } from '@tiptap/extension-collaboration'

// 添加对协同编辑的支持
UniqueID.configure({
  filterTransaction: (transaction) => !isChangeOrigin(transaction),
})