删除线扩展

使用此扩展渲染 ~~带删除线的文本~~。如果你在编辑器的初始内容中传入 <s>、<del>、<strike> 标签，或是将 style 属性设置为 text-decoration: line-through 的文本，它们都会相应地被渲染。

输入 ~~ 在波浪号之间的文本 ~~，它会在你输入时神奇地 ~~被划去~~。

当读取 Editor 实例的内容时，扩展会生成相应的 <s> HTML 标签。所有被划去的文本，无论使用什么方法都会被归一化为 <s> HTML 标签。

安装

npm install @tiptap/extension-strike

应添加到渲染的 HTML 标签的自定义 HTML 属性。

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

将文本标记为删除线。

editor.commands.setStrike()

切换删除线标记。

editor.commands.toggleStrike()

移除删除线标记。

editor.commands.unsetStrike()

命令	Windows/Linux	macOS
toggleStrike()	`Control` + `Shift` + `S`	`Cmd` + `Shift` + `S`