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