Strike extension

Show deletions and changes with strikethrough text.

Visual indication of removed content while maintaining readability.

OOXML Structure

<w:r>
  <w:rPr>
    <w:strike/>
  </w:rPr>
  <w:t>Struck through text</w:t>
</w:r>

Use case

• Price changes - Show original vs sale price
• Task lists - Mark completed items
• Legal documents - Show deleted clauses
• Editing - Track changes visually
• Humor - Bad ideas Good ideas

Options

Configure the extension behavior:

htmlAttributes · Object · default: "{}"

HTML attributes for strikethrough elements

Commands

setStrike

Apply strikethrough formatting

Example:

Usage

editor.commands.setStrike()

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

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

unsetStrike

Remove strikethrough formatting

Example:

Usage

editor.commands.unsetStrike()

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

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

toggleStrike

Toggle strikethrough formatting

Example:

Usage

editor.commands.toggleStrike()

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

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

Keyboard shortcuts

Command	Shortcut	Description
toggleStrike()	⌘/Ctrl-Shift-x	Toggle strikethrough formatting

Source code