Bold

Version Downloads

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.

Installation

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

Source code

packages/extension-bold/

Usage