Add quill-image-drop-module

package-lock.json

@@ -10911,6 +10911,14 @@
         "fast-diff": "1.1.2"
       }
     },
+    "quill-image-drop-module": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/quill-image-drop-module/-/quill-image-drop-module-1.0.3.tgz",
+      "integrity": "sha1-Dl7IMp3WehISbxZrGRv2TSBXp9M=",
+      "requires": {
+        "quill": "1.3.5"
+      }
+    },
     "quill-markdown-shortcuts-for-vue-quill-editor": {
       "version": "github:aral/quill-markdown-shortcuts-for-vue-quill-editor#408bb73ced6732b436d9d5d2e8b209fe9721a4f6"
     },

package.json

@@ -43,6 +43,7 @@
     "helmet": "^3.12.0",
     "node-sass": "^4.7.2",
     "nuxt": "^1.4.0",
+    "quill-image-drop-module": "^1.0.3",
     "quill-markdown-shortcuts-for-vue-quill-editor": "github:aral/quill-markdown-shortcuts-for-vue-quill-editor",
     "sass-loader": "^6.0.7",
     "serve-favicon": "^2.4.5",

pages/index.vue

@@ -162,6 +162,7 @@ export default {
         theme: 'snow',
         modules: {
           markdownShortcuts: {},
+          imageDrop: true,
           toolbar: false
           // toolbar: [
           //   [{ header: [1, 2, false] }],

plugins/vue-quill-editor.js

@@ -9,6 +9,9 @@ import 'quill/dist/quill.snow.css'
 import 'quill/dist/quill.bubble.css'
 
 import MarkdownShortcuts from 'quill-markdown-shortcuts-for-vue-quill-editor'
+import { ImageDrop } from 'quill-image-drop-module'
+
 Quill.register('modules/markdownShortcuts', MarkdownShortcuts)
+Quill.register('modules/imageDrop', ImageDrop)
 
 Vue.use(VueQuillEditor)