---
title: "Gapcursor 扩展"
description: "使用 Tiptap 的 Gapcursor 扩展，避免光标卡住。更多信息请查看我们的文档。"
canonical_url: "https://tiptap.zhcndoc.com/editor/extensions/functionality/gapcursor"
---

# Gapcursor 扩展

使用 Tiptap 的 Gapcursor 扩展，避免光标卡住。更多信息请查看我们的文档。

此扩展加载了 [ProseMirror Gapcursor 插件](https://github.com/ProseMirror/prosemirror-gapcursor)，由 Marijn Haverbeke 开发，该插件在不允许常规选择的地方为光标添加了一个空隙。例如，在文档末尾的表格之后。

请注意，Tiptap 是无头的，但 gapcursor 需要 CSS 来实现其外观。[默认 CSS](https://github.com/ueberdosis/tiptap/tree/main/packages/core/src/style.ts) 是通过 Editor 类加载的。

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

## 安装

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

## 使用

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

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

## 源代码

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

## 最小安装

```js
import { Editor } from '@tiptap/core'
import { Gapcursor } from '@tiptap/extensions/gapcursor'

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