tiptap/docs/api/marks/italic.md
2021-10-01 23:25:07 +02:00

1.9 KiB
Raw Blame History

Italic

Version Downloads

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 editors 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

Option Type Default Description
HTMLAttributes Object {} Custom HTML attributes that should be added to the rendered HTML tag.

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