fix: image width and height modification in url is not saved

zesty-io · Jan 4, 2024 · 9f207b4 · 9f207b4
1 parent 1c8d71d
commit 9f207b4
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/shell/components/FieldTypeTinyMCE/index.tsx b/src/shell/components/FieldTypeTinyMCE/index.tsx
@@ -145,7 +145,17 @@ export const FieldTypeTinyMCE = React.memo(function FieldTypeTinyMCE({
           }
         }}
         onObjectResized={(evt) => {
-          evt.target.src = `${evt.target.currentSrc}?width=${evt.width}&height=${evt.height}`
+          const currentValue = tinymce?.activeEditor?.getContent() ?? "";
+          const newImageUrl = `${
+            evt.target.currentSrc?.split("?")?.[0]
+          }?width=${evt.width}&height=${evt.height}`;
+
+          tinymce?.activeEditor?.setContent(
+            currentValue.replace(
+              evt.target.currentSrc?.replaceAll("&", "&amp;"),
+              newImageUrl
+            )
+          );
         }}
         init={{
           plugins: [