editorjs-drag-drop

EditorJS Drag/Drop Plugin

Drag/Drop feature for Editor.js.

Installation

Install via NPM

Get the package

$ npm i --save-dev editorjs-drag-drop

Include module at your application

import DragDrop from 'editorjs-drag-drop';

Usage

const editor = new EditorJS({
  onReady: () => {
    new DragDrop(editor);
  },
});

Select the block, drag the toolbar settings button and drop it at the desired position.

If you're already using editorjs-undo, then your code will look somewhat like this:

const editor = new EditorJS({
  onReady: () => {
    new Undo({ editor });
    new DragDrop(editor);
  },
});

Development

Development mode

$ yarn build:dev

Production release

1. Create a production bundle

$ yarn build

1. Commit dist/bundle.js

Run tests

$ yarn test

Contributing and Development

Bug reports and pull requests are welcome on GitHub https://github.com/kommitters/editorjs-drag-drop. Everyone is welcome to participate in the project. If you are thinking about contributing to the project, please check our Contributing Guide.

Changelog

See the CHANGELOG for versions details.

License

See LICENSE for details.

Credits

Made with 💙 by kommit

Changelog

0.1.3 (10.05.2021)

• Support holder being an HTML element or selector.
• Updated packages with known security breaches.