1.9 KiB
1.9 KiB
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
| 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 |