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.

Usage

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.

Usage

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.

Usage

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)

Source code