tiptap/docs/api/marks/superscript.md

description	icon
Write slightly above the normal line to show you’re just next level.	superscript

Superscript

Use this extension to render text in ^superscript. If you pass <sup> or text with vertical-align: super as inline style in the editor’s initial content, both will be rendered accordingly.

::: warning Restrictions The extension will generate the corresponding <sup> HTML tags when reading contents of the Editor instance. All text in superscript, regardless of the method will be normalized to <sup> HTML tags. :::

Installation

npm install @tiptap/extension-superscript

Settings

HTMLAttributes

Custom HTML attributes that should be added to the rendered HTML tag.

Superscript.configure({
  HTMLAttributes: {
    class: 'my-custom-class',
  },
})

Commands

setSuperscript()

Mark text as superscript.

editor.commands.setSuperscript()

toggleSuperscript()

Toggle superscript mark.

editor.commands.toggleSuperscript()

unsetSuperscript()

Remove superscript mark.

editor.commands.unsetSuperscript()

Keyboard shortcuts

Command	Windows/Linux	macOS
toggleSuperscript()	Control .	Cmd .

Source code

packages/extension-superscript/

Usage

https://embed.tiptap.dev/preview/Marks/Superscript