Add quill-blot-formatter

Allows formatting of images (and also other embedded types).

package-lock.json

@@ -10901,6 +10901,14 @@
         }
       }
     },
+    "quill-blot-formatter": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/quill-blot-formatter/-/quill-blot-formatter-1.0.4.tgz",
+      "integrity": "sha1-mc0a846M6PcCPW8ijjbuF/DTaB8=",
+      "requires": {
+        "deepmerge": "2.0.1"
+      }
+    },
     "quill-delta": {
       "version": "3.6.2",
       "resolved": "https://registry.npmjs.org/quill-delta/-/quill-delta-3.6.2.tgz",

package.json

@@ -43,6 +43,7 @@
     "helmet": "^3.12.0",
     "node-sass": "^4.7.2",
     "nuxt": "^1.4.0",
+    "quill-blot-formatter": "^1.0.4",
     "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",

pages/index.vue

@@ -163,6 +163,7 @@ export default {
         modules: {
           markdownShortcuts: {},
           imageDrop: true,
+          blotFormatter: true,
           toolbar: false
           // toolbar: [
           //   [{ header: [1, 2, false] }],

plugins/vue-quill-editor.js

@@ -10,8 +10,10 @@ import 'quill/dist/quill.bubble.css'
 
 import MarkdownShortcuts from 'quill-markdown-shortcuts-for-vue-quill-editor'
 import { ImageDrop } from 'quill-image-drop-module'
+import BlotFormatter from 'quill-blot-formatter'
 
 Quill.register('modules/markdownShortcuts', MarkdownShortcuts)
 Quill.register('modules/imageDrop', ImageDrop)
+Quill.register('modules/blotFormatter', BlotFormatter)
 
 Vue.use(VueQuillEditor)