@antcas/quill-image-drop-module

A module for Quill rich text editor to allow images to be pasted and drag/dropped into the editor. - Now published transpiled to es5 `

Usage no npm install needed!

<script type="module">
  import antcasQuillImageDropModule from 'https://cdn.skypack.dev/@antcas/quill-image-drop-module';
</script>

README

Quill ImageDrop Module

A module for Quill rich text editor to allow images to be pasted and drag/dropped into the editor.

Demo

Plunker

Usage

Webpack/ES6

import Quill from 'quill';
import { ImageDrop } from 'quill-image-drop-module';

Quill.register('modules/imageDrop', ImageDrop);

const quill = new Quill(editor, {
    // ...
    modules: {
        // ...
        imageDrop: true
    }
});

Script Tag

Copy image-drop.min.js into your web root or include from node_modules

<script src="/node_modules/quill-image-drop-module/image-drop.min.js"></script>

var quill = new Quill(editor, {
    // ...
    modules: {
        // ...
        imageDrop: true
    }
});