tiptap/docs/api/extensions/dropcursor.md

Dropcursor

This extension loads the ProseMirror Dropcursor plugin by Marijn Haverbeke, which shows a cursor at the drop position when something is dragged into the editor.

Note that tiptap is headless, but the dropcursor needs CSS for its appearance. There are settings for the color and width, and you’re free to add a custom CSS class.

Installation

# with npm
npm install @tiptap/extension-dropcursor

# with Yarn
yarn add @tiptap/extension-dropcursor

Settings

Option	Type	Default	Description
color	String	'currentcolor'	Color of the dropcursor.
width	Number	1	Width of the dropcursor.
class	String	–	One or multiple CSS classes that should be applied to the dropcursor.

Source code

packages/extension-dropcursor/

Usage