Bold extension
Use this extension to render text in bold. If you pass <strong>
, <b>
tags, or text with inline style
attributes setting the font-weight
CSS rule in the editor’s initial content, they all will be rendered accordingly.
Type **two asterisks**
or __two underlines__
and it will magically transform to bold text while you type.
Restrictions
The extension will generate the corresponding <strong>
HTML tags when reading contents of the Editor
instance. All text marked bold, regardless of the method will be normalized to <strong>
HTML tags.
Install
npm install @tiptap/extension-bold
Settings
HTMLAttributes
Custom HTML attributes that should be added to the rendered HTML tag.
Bold.configure({
HTMLAttributes: {
class: 'my-custom-class',
},
})
Commands
setBold()
Mark text as bold.
editor.commands.setBold()
toggleBold()
Toggle the bold mark.
editor.commands.toggleBold()
unsetBold()
Remove the bold mark.
editor.commands.unsetBold()
Keyboard shortcuts
Command | Windows/Linux | macOS |
---|---|---|
toggleBold() | Control + B | Cmd + B |