From 8cb10764b6d2800981cb53db4cac5802d390f28c Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 5 Apr 2025 12:31:02 +0300
Subject: [PATCH] feat(import/markdown): preserve trailing semicolon in img

---
 src/services/import/markdown.spec.ts | 2 +-
 src/services/import/markdown.ts      | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/services/import/markdown.spec.ts b/src/services/import/markdown.spec.ts
index cf75fc1af..91389350c 100644
--- a/src/services/import/markdown.spec.ts
+++ b/src/services/import/markdown.spec.ts
@@ -165,7 +165,7 @@ second line 2</code></pre><ul><li>Hello</li><li>world</li></ul><ol><li>Hello</li
 
     it("preserves figures", () => {
         const input = `<figure class="image"><img style="aspect-ratio:991/403;" src="Jump to Note_image.png" width="991" height="403"></figure>`;
-        const expected = /*html*/`<figure class="image"><img style="aspect-ratio:991/403" src="Jump to Note_image.png" width="991" height="403"></figure>`;
+        const expected = /*html*/`<figure class="image"><img style="aspect-ratio:991/403;" src="Jump to Note_image.png" width="991" height="403"></figure>`;
         expect(markdownService.renderToHtml(input, "Title")).toStrictEqual(expected);
     });
 
diff --git a/src/services/import/markdown.ts b/src/services/import/markdown.ts
index 209d4afe5..22dd9cab9 100644
--- a/src/services/import/markdown.ts
+++ b/src/services/import/markdown.ts
@@ -99,6 +99,9 @@ function renderToHtml(content: string, title: string) {
     html = importUtils.handleH1(html, title);
     html = htmlSanitizer.sanitize(html);
 
+    // Add a trailing semicolon to CSS styles.
+    html = html.replaceAll(/(<img style=".*?)"/g, "$1;\"");
+
     // Remove slash for self-closing tags to match CKEditor's approach.
     html = html.replace(/<(\w+)([^>]*)\s+\/>/g, "<$1$2>");