support image resize undo

packages/editor-ext/src/lib/drawio.ts

@@ -262,6 +262,15 @@ export const Drawio = Node.create<DrawioOptions>({
             el.src = updatedNode.attrs.src || "";
           }
 
+          const w = updatedNode.attrs.width;
+          const h = updatedNode.attrs.height;
+          if (w != null) {
+            el.style.width = `${w}px`;
+          }
+          if (h != null) {
+            el.style.height = `${h}px`;
+          }
+
           const align = updatedNode.attrs.align || "center";
           const container = nodeView.dom as HTMLElement;
           applyAlignment(container, align);

packages/editor-ext/src/lib/excalidraw.ts

@@ -262,6 +262,15 @@ export const Excalidraw = Node.create<ExcalidrawOptions>({
             el.src = updatedNode.attrs.src || "";
           }
 
+          const w = updatedNode.attrs.width;
+          const h = updatedNode.attrs.height;
+          if (w != null) {
+            el.style.width = `${w}px`;
+          }
+          if (h != null) {
+            el.style.height = `${h}px`;
+          }
+
           const align = updatedNode.attrs.align || "center";
           const container = nodeView.dom as HTMLElement;
           applyAlignment(container, align);

packages/editor-ext/src/lib/image/image.ts

@@ -294,6 +294,15 @@ export const TiptapImage = Image.extend<ImageOptions>({
             el.alt = updatedNode.attrs.alt || "";
           }
 
+          const w = updatedNode.attrs.width;
+          const h = updatedNode.attrs.height;
+          if (w != null) {
+            el.style.width = `${w}px`;
+          }
+          if (h != null) {
+            el.style.height = `${h}px`;
+          }
+
           // Update alignment on container
           const align = updatedNode.attrs.align || "center";
           const container = nodeView.dom as HTMLElement;