Merge pull request #132 from xwchris/master

fix: pasting image not update value bug

src/index.tsx

@@ -21,7 +21,7 @@ type CodemirrorEvents =
   | "update"
   | "renderLine";
 
-type SimpleMdeToCodemirror = { 
+type SimpleMdeToCodemirror = {
   [E in CodemirrorEvents | DOMEvent]?: Editor["on"]
 };
 
@@ -100,14 +100,28 @@ export default class SimpleMDEEditor extends React.PureComponent<
     }
   }
 
+  // image upload function
+  imageUploadFunction = (file: File, onSuccess: (url: string) => void, onError: (error: string) => void) => {
+    const imageUpload = this.props.options?.imageUploadFunction
+    if (imageUpload) {
+        const _onSuccess = (url: string) => {
+            onSuccess(url)
+            // update value when success
+            this.eventWrapper()
+        }
+        imageUpload(file, _onSuccess, onError)
+    }
+}
+
   createEditor = () => {
     const SimpleMDE = require("easymde");
     const initialOptions = {
       element: document.getElementById(this.id),
       initialValue: this.props.value
     };
 
-    const allOptions = Object.assign({}, initialOptions, this.props.options);
+    const imageUploadFunction = this.props.options?.imageUploadFunction ? this.imageUploadFunction : undefined
+    const allOptions = Object.assign({}, initialOptions, this.props.options, { imageUploadFunction });
     this.simpleMde = new SimpleMDE(allOptions);
   };