1.2.1 • Published 8 months ago
tiptap-unique-id v1.2.1
TipTap Unique ID extension
An extension that enables unique IDs for nodes. A JS fork of the original MIT licensed extension-unique-id that has since been abandoned in favour of a closed source internal version.
Installation
npm i tiptap-unique-idUsage
import { Editor } from "@tiptap/core";
// ... extensions
import UniqueId from "tiptap-unique-id";
new Editor({
element: document.body,
extensions: [
// ... extensions
UniqueId.configure({
attributeName: "id",
types: ["paragraph", "heading", "orderedList", "bulletList", "listItem"],
createId: () => window.crypto.randomUUID(),
}),
],
})This package is ESM only, transpiled to ES2019.
Configuration
| Parameter | Default | Description |
|---|---|---|
attribute | "id" | The attribute to assign the value of the id to |
types | [] | A list of node types that should receive ids. The exact list you need will depend on your requirements and tiptap extensions you use. |
createId | () => window.crypto.randomUUID() | A function, returning a different string everytime it is called. Instead of UUIDv4 created by default, nanoid, hyperid or other options can be used |