焦点扩展

焦点扩展为聚焦节点添加一个 CSS 类。默认情况下，它添加 .has-focus，但你可以更改它。

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

安装

npm install @tiptap/extensions

并在你的编辑器中导入：

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

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

应用于聚焦元素的类。

默认值：'has-focus'

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

将类应用于 'all'、'shallowest' 或 'deepest' 节点。

默认值：'all'

Focus.configure({
  mode: 'deepest',
})