SlateJS strikethrough mark plugin.

Usage no npm install needed!

<script type="module">
  import slateEditorStrikethroughPlugin from 'https://cdn.skypack.dev/@slate-editor/strikethrough-plugin';


Nossas Cidades logo


SlateJS strikethrough plugin.

npm package npm downloads


The @slate-editor/strikethrough-plugin is available as an npm package.

yarn add @slate-editor/strikethrough-plugin


Here is a quick example to get you started:

import React from 'react'
import { SlateEditor, SlateToolbar, SlateContent } from 'slate-editor'
import { StrikethroughPlugin, StrikethroughButton } from '@slate-editor/strikethrough-plugin'

const plugins = [

const SlateRichTextEditor = () => (
  <SlateEditor plugins={plugins}>
      <StrikethroughButton />

    <SlateContent />

export default SlateRichTextEditor

Keyboard Shortcut

OS Shortcut
Apple Logo + ^ + s
Windows Logo ctrl + alt + s


Name Description
StrikethroughMark Component that holds the html that will wrap the content with strikethrough style.
StrikethroughKeyboardShortcut Keyboard shortcut file that manipulates onKeyDown event inside SlateJS.
StrikethroughUtils Generic file that holds the util common functions.
StrikethroughButton Button component that have behaviour to wrap content with strikethrough style.


  • Make keyboard shortcut accepts customization