---
title: "Superscript extension"
description: "Use the Superscript extension in Tiptap to write text above the normal line. Learn more in our docs!"
canonical_url: "https://tiptap.dev/docs/editor/extensions/marks/superscript"
---

# Superscript extension

Use the Superscript extension in Tiptap to write text above the normal line. Learn more in our docs!

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.

> **Interactive demo:** [Superscript](https://embed.tiptap.dev/preview/Marks/Superscript)

## Install

```bash
npm install @tiptap/extension-superscript
```

## Settings

### HTMLAttributes

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

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

## Commands

### setSuperscript()

Mark text as superscript.

```js
editor.commands.setSuperscript()
```

### toggleSuperscript()

Toggle superscript mark.

```js
editor.commands.toggleSuperscript()
```

### unsetSuperscript()

Remove superscript mark.

```js
editor.commands.unsetSuperscript()
```

## Keyboard shortcuts

| Command             | Windows/Linux | macOS   |
| ------------------- | ------------- | ------- |
| toggleSuperscript() | Control + .   | Cmd + . |

## Source code

[packages/extension-superscript/](https://github.com/ueberdosis/tiptap/blob/main/packages/extension-superscript/)