mirror of https://github.com/ueberdosis/tiptap.git synced 2024-11-28 23:59:25 +08:00

Hans Pagel 53f815a53c docs: replace embeds with just the URL

2021-10-18 18:01:47 +02:00

description	icon
Keep track of where the cursor is, and let the user know you know it.	focus-line

Focus

The Focus extension adds a CSS class to focused nodes. By default it adds .has-focus, but you can change that.

Note that it’s only a class, the styling is totally up to you. The usage example below has some CSS for that class.

Installation

# with npm
npm install @tiptap/extension-focus

# with Yarn
yarn add @tiptap/extension-focus

The class that is applied to the focused element.

Default: 'has-focus'

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

Apply the class to 'all', the 'shallowest' or the 'deepest' node.

Default: 'all'

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