tiptap 悬停光标

这个扩展加载了 Marijn Haverbeke 的 ProseMirror Dropcursor 插件 ，当内容被拖入编辑器时，会在拖放位置显示光标。

需要注意的是，Tiptap 是无头的，但 dropcursor 需要 CSS 来呈现样式。你可以设置颜色和宽度，也可以自定义 CSS 类。

安装

npm install @tiptap/extension-dropcursor

设置

color

光标的颜色。

默认值: 'currentColor'

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

width

光标的宽度。

默认值: 1

Dropcursor.configure({
  width: 2,
});

class

应该应用到光标上的一个或多个 CSS 类。

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

源码

packages/extension-dropcursor/

使用示例

查看在线演示