Bold extension

Apply bold emphasis to make text stand out. The most fundamental text formatting, preserving perfectly through Word import/export.

OOXML Structure

<w:r>
  <w:rPr>
    <w:b/>
  </w:rPr>
  <w:t>Bold text</w:t>
</w:r>

Use case

Headings - Visual hierarchy without changing size
Key terms - Highlight important concepts
Warnings - Draw immediate attention
Emphasis - Stronger than italic

Commands

`setBold`

Apply bold formatting to the current selection.

editor.commands.setBold()

import { SuperDoc } from 'superdoc';
import 'superdoc/style.css';

const superdoc = new SuperDoc({
  selector: '#editor',
  document: yourFile,
  onReady: (superdoc) => {
    const editor = superdoc.activeEditor;
    editor.commands.setBold();
  },
});

`unsetBold`

Remove bold formatting from the current selection.

editor.commands.unsetBold()

import { SuperDoc } from 'superdoc';
import 'superdoc/style.css';

const superdoc = new SuperDoc({
  selector: '#editor',
  document: yourFile,
  onReady: (superdoc) => {
    const editor = superdoc.activeEditor;
    editor.commands.unsetBold();
  },
});

`toggleBold`

Toggle bold formatting on the current selection.

editor.commands.toggleBold()

import { SuperDoc } from 'superdoc';
import 'superdoc/style.css';

const superdoc = new SuperDoc({
  selector: '#editor',
  document: yourFile,
  onReady: (superdoc) => {
    const editor = superdoc.activeEditor;
    editor.commands.toggleBold();
  },
});

Keyboard shortcuts

Command	Shortcut	Description
toggleBold()	`⌘/Ctrl-b`	Toggle bold formatting
toggleBold()	`⌘/Ctrl-B`	Toggle bold formatting (uppercase)

Getting Started

Editor

Document Engine

AI

Solutions

Resources

OOXML Structure

Use case

Commands

`setBold`

`unsetBold`

`toggleBold`

Keyboard shortcuts

Source code

​OOXML Structure

​Use case

​Commands

​setBold

​unsetBold

​toggleBold

​Keyboard shortcuts

​Source code

OOXML Structure

Use case

Commands

`setBold`

`unsetBold`

`toggleBold`

Keyboard shortcuts

Source code