fix: add media would crash if there is no text entered yet

Author: kwinyyyc

admin/src/components/ReactMdEditor/index.js

@@ -74,19 +74,24 @@ const Editor = ({
     let newValue = value ? value : "";
     assets.map((asset) => {
       if (asset.mime.includes("image")) {
-        const imgTag = ` ![${asset.alt}](${asset.url}) `;
+        const imgTag = `![${asset.alt}](${asset.url})`;
         if (mediaLibSelection > -1) {
-          newValue =
-            value.substring(0, mediaLibSelection) +
-            imgTag +
-            value.substring(mediaLibSelection);
+          const preValue = value?.substring(0, mediaLibSelection) ?? "";
+          const postValue = value?.substring(mediaLibSelection) ?? "";
+          newValue = `${
+            preValue && !preValue.endsWith(" ") ? preValue + " " : preValue
+          }${imgTag}${
+            postValue && !postValue.startsWith(" ")
+              ? " " + postValue
+              : postValue
+          }`;
         } else {
           newValue = `${newValue}${imgTag}`;
         }
       }
       // Handle videos and other type of files by adding some code
     });
-    onChange({ target: { name, value: newValue || "" } });
+    onChange({ target: { name, value: newValue ?? "" } });
     handleToggleMediaLib();
   };
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "strapi-plugin-wysiwyg-react-md-editor",
-  "version": "4.4.0",
+  "version": "4.4.1",
   "description": "Replaces the default Strapi WYSIWYG editor with react md editor.",
   "strapi": {
     "name": "wysiwyg-react-md-editor",