tiptap 删除线

使用这个扩展来渲染~已删除的文本~。如果在编辑器初始内容中包含 <s>、<del>、<strike> 标签，或者带有 style 属性且设置 text-decoration: line-through 的文本，它们都会相应地显示。

键入 ~~在波浪线之间~~，你会看到文字在输入时神奇地被 ~~划掉了~~。

注意事项
此扩展在读取 Editor 实例的内容时会生成对应的 <s> HTML 标签。所有被删除的文字，无论使用何种方法，都将标准化为 <s> HTML 标签。

安装

npm install @tiptap/extension-strike

配置

HTMLAttributes

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

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

命令

setStrike()

标记文本为删除线。

editor.commands.setStrike();

toggleStrike()

切换删除线标记。

editor.commands.toggleStrike();

unsetStrike()

移除删除线标记。

editor.commands.unsetStrike();

快捷键

源代码

packages/extension-strike/

使用示例

嵌入式预览 - 删除线