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
    }
});

Changelog

v1.0.3 - March 29, 2017

• Drop images at mouse coordinates instead of last caret position (Issue #2)

v1.0.2 - March 25, 2017

• Add README link to plunker demo

v1.0.1 - March 25, 2017

• Fix GitHub URL

v1.0.0 - March 18, 2017

• Initial version