@note-editor/tiptap-extension-unique-id

unique id extension for tiptap

Installation

npm

npm install @note-editor/tiptap-extension-unique-id

pnpm

pnpm add @note-editor/tiptap-extension-unique-id

Usage

import { Editor } from '@tiptap/core'
import { uniqueId } from '@note-editor/tiptap-extension-unique-id'

const editor = new Editor({
  content: '<p>@note-editor/tiptap-extension-unique-id</p>',
  extensions: [
    uniqueId
  ]
})

Settings

attributeName

Name of the attribute that is attached to the HTML tag (will be prefixed with data-).

uniqueID.configure({
  attributeName: 'id' // default
})

types

All types that should get a unique ID, for example ['paragraph']

uniqueID.configure({
  types: ['blockContainer', 'paragraph', 'details', 'detailsSummary', 'detailsContent'] // default
})

generateID

A function that generates and returns a unique ID.

import { nanoid } from 'nanoid'

uniqueID.configure({
  generateID: () => nanoid() // default
})