https://github.com/riencroonenborghs/quill-image-url-drop-module

A module for Quill rich text editor to allow images' URLs to be drag/dropped into the editor.
https://github.com/riencroonenborghs/quill-image-url-drop-module

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/riencroonenborghs/quill-image-url-drop-module
• Owner: riencroonenborghs
• Archived: true
• Created: 2017-06-17T22:54:25.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-06-18T08:55:08.000Z (over 7 years ago)
• Last Synced: 2024-08-02T09:22:16.842Z (4 months ago)
• Language: JavaScript
• Size: 3.91 KB
• Stars: 6
• Watchers: 4
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-quill - quill-image-url-drop-module - A module to allow images' URLs to be drag/dropped into the editor (Uncategorized / Uncategorized)

README

        
# Quill Image URL Drop Module

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

## Usage

### Script Tag

Copy quill-image-url-drop.js into your web root

```html

```

### Javascript

Register the module

```javascript

Quill.register("modules/imageUrlDrop", QuillImageUrlDrop);

```

Specify the container that holds the images you want to drag/drop.

```javascript

var quill = new Quill(editor, {

    // ...

    modules: {

      // ...

      imageUrlDrop: {

        container: ".some-container-holding-the-images-you-want-to-use"

      }

    }

});

```

### HTML

Add the container with the class specified in your JS.

Each image should have a `data-url` attribute containing the image's URL.

```html



  



```