/quill-image-paste

A module for quill editor to allow paste image

Primary LanguageJavaScript

Quill ImagePaste Module

A module for Quill editor to allow paste image.

Demo

CodePen

Usage

<script src="./quill-image-paste-module/image-paste.min.js"></script>
var quill = new Quill(editor, {
  // ...
  modules: {
    // ...
    imagePaste: {
      // options
    }
  }
});

options

Pass an empty object, paste image as base64

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

You can also use addImageBlob option to upload image to server

const quill = new Quill(editor, {
  // ...
  modules: {
    // ...
    imagePaste: {
      addImageBlob: function (blob, callback) {
        var formData = new FormData()
        formData.append('image', blob)
        // your upload function, get the uploaded image url, add then
        callback(imageUrl)
      }
    }
  }
});