Strike

Version Downloads

Use this extension to render striked text. If you pass <s>, <del>, <strike> tags, or text with inline style attributes setting text-decoration: line-through in the editor’s initial content, they all will be rendered accordingly.

Type ∼∼text between tildes∼∼ and it will be magically striked through while you type.

Restrictions

The extension will generate the corresponding <s> HTML tags when reading contents of the Editor instance. All text striked through, regardless of the method will be normalized to <s> HTML tags.

Installation

# with npm
npm install @tiptap/extension-strike

# with Yarn
yarn add @tiptap/extension-strike

Settings

HTMLAttributes

Custom HTML attributes that should be added to the rendered HTML tag.

Strike.configure({
  HTMLAttributes: {
    class: 'my-custom-class',
  },
})

Commands

setStrike()

Mark text as striked.

editor.commands.setStrike()

toggleStrike()

Toggle strike mark.

editor.commands.toggleStrike()

unsetStrike()

Remove strike mark.

editor.commands.unsetStrike()

Keyboard shortcuts

Command Windows/Linux macOS
toggleStrike() Control Shift X Cmd Shift X

Source code

packages/extension-strike/

Usage