tiptap/docs/api/marks/italic.md

description, icon

description	icon
Helps to emphasize your text, doesn’t bring you closer to Italy though.	italic

Italic

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.

::: warning 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. :::

Installation

# with npm
npm install @tiptap/extension-italic

# with Yarn
yarn add @tiptap/extension-italic

Settings

HTMLAttributes

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

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

Commands

setItalic()

Mark the text italic.

editor.commands.setItalic()

toggleItalic()

Toggle the italic mark.

editor.commands.toggleItalic()

unsetItalic()

Remove the italic mark.

editor.commands.unsetItalic()

Keyboard shortcuts

Command	Windows/Linux	macOS
toggleItalic()	Control I	Cmd I

Source code

packages/extension-italic/

Usage

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