探索 Tiptap V3 的最新功能

选择扩展

版本下载次数

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

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

安装

npm install @tiptap/extensions

并在你的编辑器中导入:

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

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

设置

className

应用于聚焦元素的类。

默认值:'has-focus'

Focus.configure({
  className: 'focus',
})

源代码

packages/extensions/selection/

最小安装

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

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