Italic extension
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.
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
npm install @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 |