---
title: "删除线扩展"
description: "了解如何在 Tiptap 中使用删除线扩展来划去你所写的文字，如果你太害怕删除它。"
canonical_url: "https://tiptap.zhcndoc.com/editor/extensions/marks/strike"
---

# 删除线扩展

了解如何在 Tiptap 中使用删除线扩展来划去你所写的文字，如果你太害怕删除它。

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

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

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

> **Interactive demo:** [Strike](https://embed.tiptap.dev/preview/Marks/Strike)

## 安装

```bash
npm install @tiptap/extension-strike
```

## 设置

### HTMLAttributes

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

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

## 命令

### setStrike()

将文本标记为删除线。

```js
editor.commands.setStrike()
```

### toggleStrike()

切换删除线标记。

```js
editor.commands.toggleStrike()
```

### unsetStrike()

移除删除线标记。

```js
editor.commands.unsetStrike()
```

## 快捷键

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

## 源代码

[packages/extension-strike/](https://github.com/ueberdosis/tiptap/blob/main/packages/extension-strike/)