1. prosemirror-dropcursor
Drop cursor plugin for ProseMirror
prosemirror-dropcursor
Package: prosemirror-dropcursor
Created by: prosemirror
Last modified: Wed, 17 May 2023 13:41:19 GMT
Version: 1.8.1
License: MIT
Downloads: 3,669,973
Repository: https://github.com/prosemirror/prosemirror-dropcursor

Install

npm install prosemirror-dropcursor
yarn add prosemirror-dropcursor

prosemirror-dropcursor

[ WEBSITE | ISSUES | FORUM | CHANGELOG ]

This is a non-core example module for ProseMirror.
ProseMirror is a well-behaved rich semantic content editor based on
contentEditable, with support for collaborative editing and custom
document schemas.

This module implements a plugin that shows a drop cursor for
ProseMirror.

The project page has more information, a
number of examples and the
documentation.

This code is released under an
MIT license.
There's a forum for general
discussion and support requests, and the
Github bug tracker
is the place to report issues.

We aim to be an inclusive, welcoming community. To make that explicit,
we have a code of
conduct
that applies
to communication around the project.

Documentation

  • dropCursor(options?: interface = {}) → Plugin
    Create a plugin that, when added to a ProseMirror instance,
    causes a decoration to show up at the drop position when something
    is dragged over the editor.

    Nodes may add a disableDropCursor property to their spec to
    control the showing of a drop cursor inside them. This may be a
    boolean or a function, which will be called with a view, a
    position, and the DragEvent, and should return a boolean.

    • options

      • color?: string
        The color of the cursor. Defaults to black.

      • width?: number
        The precise width of the cursor in pixels. Defaults to 1.

      • class?: string
        A CSS class name to add to the cursor element.

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin