---
title: "Italic extension"
description: "Use the Italic extension in your Tiptap Editor to emphasize your text with italics. Learn more in our docs!"
canonical_url: "https://tiptap.dev/docs/editor/extensions/marks/italic"
---

# Italic extension

Use the Italic extension in your Tiptap Editor to emphasize your text with italics. Learn more in our docs!

Use this extension to render text in *italic*. If you pass `<em>`, `<i>` tags, or text with inline `style` attributes setting `font-style: italic` in the editor’s initial content, they all will be rendered accordingly.

Type `*one asterisk*` or `_one underline_` and it will magically transform to *italic* text while you type.

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

> **Restrictions:**
>
> The extension will generate the corresponding `<em>` HTML tags when reading contents of the `Editor` instance. All text marked italic, regardless of the method will be normalized to `<em>` HTML tags.

## Install

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

## Settings

### HTMLAttributes

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

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

## Commands

### setItalic()

Mark the text italic.

```js
editor.commands.setItalic()
```

### toggleItalic()

Toggle the italic mark.

```js
editor.commands.toggleItalic()
```

### unsetItalic()

Remove the italic mark.

```js
editor.commands.unsetItalic()
```

## Keyboard shortcuts

| Command        | Windows/Linux | macOS   |
| -------------- | ------------- | ------- |
| toggleItalic() | Control + I   | Cmd + I |

## Source code

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