From 05d588bc3a326b8195dc1ec61faa730a19859111 Mon Sep 17 00:00:00 2001
From: smizrahi <seb.mizrahi@gmail.com>
Date: Wed, 6 May 2026 17:04:28 +0200
Subject: [PATCH] fix(ckeditor): Sync resized image width/height into style and
 HTML attributes so Outlook and other mail clients ignoring CSS aspect-ratio
 render the correct dimensions. Closes #6169.

---
 .../js/Common/sgCkeditor.component.js         | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/UI/WebServerResources/js/Common/sgCkeditor.component.js b/UI/WebServerResources/js/Common/sgCkeditor.component.js
index ff5f8793f..37391980e 100644
--- a/UI/WebServerResources/js/Common/sgCkeditor.component.js
+++ b/UI/WebServerResources/js/Common/sgCkeditor.component.js
@@ -365,6 +365,7 @@
 
       var refresh = function() {
         var html = vm.editor.getData();
+        html = inlineImageDimensions(html);
 
         var dom = document.createElement("DIV");
         dom.innerHTML = html;
@@ -429,6 +430,29 @@
       }
       
     }
+    
+    function inlineImageDimensions(html) {
+      return html.replace(/<img\b[^>]*>/gi, function (tag) {
+        var style = (tag.match(/style="([^"]*)"/i) || [])[1];
+        if (!style) return tag;
+        var r = style.match(/aspect-ratio\s*:\s*(\d+)\s*\/\s*(\d+)/i);
+        if (!r) return tag;
+        var w = (style.match(/(?:^|;)\s*width\s*:\s*(\d+)px/i) || [])[1]
+             || (tag.match(/\swidth="(\d+)"/i) || [])[1];
+        if (!w) return tag;
+        var h = Math.round(w * r[2] / r[1]);
+
+        var newStyle = style;
+        if (!/(?:^|;)\s*width\s*:/i.test(newStyle)) newStyle = newStyle.replace(/;?\s*$/, '') + ';width:' + w + 'px';
+        if (!/(?:^|;)\s*height\s*:/i.test(newStyle)) newStyle = newStyle.replace(/;?\s*$/, '') + ';height:' + h + 'px';
+        
+        return tag
+          .replace(/style="[^"]*"/i, 'style="' + newStyle + '"')
+          .replace(/\swidth="[^"]*"/gi, '')
+          .replace(/\sheight="[^"]*"/gi, '')
+          .replace(/\s*\/?>$/, ' width="' + w + '" height="' + h + '">');
+      });
+    }
 
     function cleanDirtyHTMLElements(html, threshold) {
       var regex = /(<[^>^/]+>(&nbsp;)*<\/[^>]+>)/gm;