Tiptap Docs

Strike extension

VersionDownloads

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.

Install 

npm install @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

CommandWindows/LinuxmacOS
toggleStrike()Control + Shift + SCmd + Shift + S

Source code

packages/extension-strike/

PreviouslyLink