fix

package.json

 {
     "name": "react-ag-qeditor",
-    "version": "1.0.90",
+    "version": "1.0.91",
     "description": "WYSIWYG html editor",
     "author": "atma",
     "license": "MIT",

src/extensions/Image.jsx

@@ -357,28 +357,48 @@ const ResizableImageExtension = TipTapImage.extend({
     },
 
     renderHTML({ HTMLAttributes }) {
-        const align = HTMLAttributes.align || 'left';
-        const isWrap = ['wrap-left', 'wrap-right'].includes(align);
-        const floatDirection = isWrap ? align.split('-')[1] : ['left', 'right'].includes(align) ? align : 'none';
+        // Получаем align из атрибутов, учитывая data-align как fallback
+        const align = HTMLAttributes.align ||
+            HTMLAttributes['data-align'] ||
+            'left';
+
+        // Определяем, нужно ли применять float
+        const floatValue = align.startsWith('wrap-') ? align.split('-')[1] :
+            ['left', 'right'].includes(align) ? align :
+                'none';
+
+        // Определяем margin в зависимости от выравнивания
+        let marginValue;
+        switch(align) {
+            case 'left':
+            case 'wrap-left':
+                marginValue = '0 1rem 1rem 0';
+                break;
+            case 'right':
+            case 'wrap-right':
+                marginValue = '0 0 1rem 1rem';
+                break;
+            case 'center':
+                marginValue = '0.5rem auto';
+                break;
+            default:
+                marginValue = '0';
+        }
 
         return ['span', {
             'data-type': 'resizable-image',
             'data-image-wrapper': true,
+            'data-align': align,  // Сохраняем значение align в data-атрибуте
             style: `
             display: ${align === 'center' ? 'block' : 'inline-block'};
-            float: ${floatDirection};
-            margin: ${align === 'left' ? '0 1rem 1rem 0' :
-                align === 'right' ? '0 0 1rem 1rem' :
-                    align === 'wrap-left' ? '0 1rem 1rem 0' :
-                        align === 'wrap-right' ? '0 0 1rem 1rem' :
-                            align === 'center' ? '0.5rem auto' : '0'};
-            shape-outside: ${isWrap ? 'margin-box' : 'none'};
+            float: ${floatValue};
+            margin: ${marginValue};
+            shape-outside: ${align.startsWith('wrap-') ? 'margin-box' : 'none'};
             vertical-align: top;
             position: relative;
             z-index: 1;
             ${align === 'center' ? 'width: 100%; text-align: center;' : ''}
-        `,
-            'data-align': align
+        `
         }, ['img', {
             ...HTMLAttributes,
             style: `
@@ -387,7 +407,9 @@ const ResizableImageExtension = TipTapImage.extend({
             margin: ${align === 'center' ? '0 auto' : '0'};
             max-width: 100%;
             height: auto;
-        `
+        `,
+            // Убедимся, что align также передаётся в img
+            'data-align': align
         }]];
     },