tiptap/docs/api/marks/strike.md

description	icon
Cut through the words you wrote, if you’re too afraid to delete it.	strikethrough

Strike

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.

::: warning 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