---
title: "选择扩展"
description: "在 Tiptap 中使用选择扩展以在编辑器失去焦点时保留选择。更多信息请查看我们的文档！"
canonical_url: "https://tiptap.zhcndoc.com/editor/extensions/functionality/selection"
---

# 选择扩展

在 Tiptap 中使用选择扩展以在编辑器失去焦点时保留选择。更多信息请查看我们的文档！

选择扩展在编辑器失去焦点时将一个 CSS 类添加到当前选择。默认情况下，它添加 `.selection`，但你可以更改它。

请注意，这只是一个类，样式完全由你决定。下面的使用示例包含了该类的一些 CSS。

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

## 安装

```bash
npm install @tiptap/extensions
```

并在你的编辑器中导入：

```ts
import { Editor } from '@tiptap/core'
import { Selection } from '@tiptap/extensions'

new Editor({
  extensions: [Selection],
})
```

## 设置

### className

应用于当前选择的类。

默认值：`'selection'`

```js
Selection.configure({
  className: 'selection',
})
```

## 源代码

[packages/extensions/selection/](https://github.com/ueberdosis/tiptap/blob/main/packages/extensions/src/selection/)

## 最小安装

```js
import { Editor } from '@tiptap/core'
import { Selection } from '@tiptap/extensions/selection'

new Editor({
  extensions: [Selection],
})
```