fix(upload): upload function passed as params

Author: Uminily

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@owliehq/editor",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A modern WYSIWYG rich-text editor built on top of tiptap and Quasar for Vue.js",
   "productName": "Owlie Quasar Tiptap editor",
   "scripts": {

src/components/QuasarTiptap.vue

@@ -98,7 +98,7 @@ import {
   OKatexInline,
   OFormatClear,
   OPrint,
-  OImage,
+  //OImage,
   OEmbed,
   RecommendedExtensions,
   OwlieImageDrag
@@ -180,6 +180,12 @@ export default {
       default: function () {
         return {}
       }
+    },
+    uploadCallback: {
+      type: Function,
+      default: function () {
+        return ''
+      }
     }
   },
   components: {
@@ -280,15 +286,14 @@ export default {
               extension = new DynamicClass('OLink')
               break
             case 'OwlieImageDrag':
-              const uploadFunction = () => {
-                return 'http://placehold.it/900x350'
-              }
+              console.log(this.uploadCallback)
 
-              extension = new OwlieImageDrag({ uploadFunction })
+              extension = new OwlieImageDrag({ uploadFunction: this.uploadCallback })
             default:
               try {
                 extension = new DynamicClass(extension)
               } catch (e) {
+                //console.log(extention)
                 console.error(e.message)
               }
               break

src/extentions/ImageDrag.js

@@ -121,8 +121,6 @@ export default class ImageDrag extends Node {
                 /image/i.test(file.type)
               )
 
-              console.log('images', images)
-
               if (images.length === 0) {
                 return
               }

src/pages/examples/basic.vue

@@ -21,6 +21,9 @@ export default {
         editable: true,
         showToolbar: true,
         showBubble: true,
+        async uploadCallback() {
+          return 'http://placehold.it/900x350'
+        },
         extensions: [
           // TipTap
           'Bold',
@@ -146,7 +149,7 @@ export default {
     onUpdate({ state, getJSON, getHTML }) {
       this.json = getJSON()
       this.html = getHTML()
-      console.log('html', this.html)
+      //console.log('html', this.html)
 
       // console.log('json', JSON.stringify(this.json))
     }