https://github.com/kensnyder/quill-image-drop-module

A module for Quill rich text editor to allow images to be pasted and drag/dropped into the editor.
https://github.com/kensnyder/quill-image-drop-module

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/kensnyder/quill-image-drop-module
• Owner: kensnyder
• Created: 2017-03-18T23:30:31.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-08-31T00:14:40.000Z (about 1 year ago)
• Last Synced: 2024-07-22T17:38:58.473Z (2 months ago)
• Language: JavaScript
• Size: 12.7 KB
• Stars: 215
• Watchers: 3
• Forks: 78
• Open Issues: 25
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

• awesome-quill - quill-image-drop-module - A module to allow images to be pasted and drag/dropped into the editor (Uncategorized / Uncategorized)
• awesome - kensnyder/quill-image-drop-module - A module for Quill rich text editor to allow images to be pasted and drag/dropped into the editor. (JavaScript)

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](https://plnkr.co/edit/ubVmPkBjqQESsefM3JrT?p=preview)

## Usage

### Webpack/ES6

```javascript

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

```html

```

```javascript

var quill = new Quill(editor, {

    // ...

    modules: {

        // ...

        imageDrop: true

    }

});

```