Superscript extension
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.
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.
Install
npm install @tiptap/extension-superscriptSettings
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 + . |