Dropcursor 扩展

此扩展加载了 ProseMirror Dropcursor 插件，该插件在将某物拖入编辑器时显示光标在放置位置。

请注意，Tiptap 是无头的，但 dropcursor 需要 CSS 来显示样式。可以设置颜色和宽度，并且可以自由添加自定义 CSS 类。

安装

npm install @tiptap/extensions

import { Editor } from '@tiptap/core'
import { Dropcursor } from '@tiptap/extensions'

new Editor({
  extensions: [Dropcursor],
})

dropcursor 的颜色。

默认值：'currentColor'

Dropcursor.configure({
  color: '#ff0000',
})

dropcursor 的宽度。

默认值：1

Dropcursor.configure({
  width: 2,
})

应应用于 dropcursor 的一个或多个 CSS 类。

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

import { Editor } from '@tiptap/core'
import { Dropcursor } from '@tiptap/extensions/dropcursor'

new Editor({
  extensions: [Dropcursor],
})