From 4b269c2859747b1f75c9917092c85d6513a59273 Mon Sep 17 00:00:00 2001
From: SiriusXT <1160925501@qq.com>
Date: Tue, 11 Mar 2025 16:24:35 +0800
Subject: [PATCH] Fix the bug where note revisions cannot be previewed.

---
 src/public/app/widgets/dialogs/revisions.ts | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/public/app/widgets/dialogs/revisions.ts b/src/public/app/widgets/dialogs/revisions.ts
index f2787e360..f91d6a8bc 100644
--- a/src/public/app/widgets/dialogs/revisions.ts
+++ b/src/public/app/widgets/dialogs/revisions.ts
@@ -188,6 +188,7 @@ export default class RevisionsDialog extends BasicWidget {
     }
 
     async loadRevisions(noteId: string) {
+        this.$title.empty();
         this.$list.empty();
         this.$content.empty();
         this.$titleButtons.empty();
@@ -305,14 +306,14 @@ export default class RevisionsDialog extends BasicWidget {
             }
         } else if (revisionItem.type === "code") {
             this.$content.html($("<pre>")
-                .text(fullRevision.content).html());
+                .text(fullRevision.content).prop("outerHTML"));
         } else if (revisionItem.type === "image") {
             if (fullRevision.mime === "image/svg+xml") {
                 let encodedSVG = encodeURIComponent(fullRevision.content); //Base64 of other format images may be embedded in svg
                 this.$content.html($("<img>")
                     .attr("src", `data:${fullRevision.mime};utf8,${encodedSVG}`)
                     .css("max-width", "100%")
-                    .css("max-height", "100%").html());
+                    .css("max-height", "100%").prop("outerHTML"));
             } else {
                 this.$content.html(
                     $("<img>")
@@ -321,7 +322,7 @@ export default class RevisionsDialog extends BasicWidget {
                         .attr("src", `data:${fullRevision.mime};base64,${fullRevision.content}`)
                         .css("max-width", "100%")
                         .css("max-height", "100%")
-                        .html()
+                        .prop("outerHTML")
                 );
             }
         } else if (revisionItem.type === "file") {
@@ -340,7 +341,7 @@ export default class RevisionsDialog extends BasicWidget {
                 );
             }
 
-            this.$content.html($table.html());
+            this.$content.html($table.prop("outerHTML"));
         } else if (["canvas", "mindMap"].includes(revisionItem.type)) {
             const encodedTitle = encodeURIComponent(revisionItem.title);
 
@@ -348,7 +349,7 @@ export default class RevisionsDialog extends BasicWidget {
                 $("<img>")
                     .attr("src", `api/revisions/${revisionItem.revisionId}/image/${encodedTitle}?${Math.random()}`)
                     .css("max-width", "100%")
-                .html());
+                    .prop("outerHTML"));
         } else if (revisionItem.type === "mermaid") {
             const encodedTitle = encodeURIComponent(revisionItem.title);
 
@@ -356,7 +357,7 @@ export default class RevisionsDialog extends BasicWidget {
                 $("<img>")
                     .attr("src", `api/revisions/${revisionItem.revisionId}/image/${encodedTitle}?${Math.random()}`)
                     .css("max-width", "100%")
-                .html());
+                    .prop("outerHTML"));
 
             this.$content.append($("<pre>").text(fullRevision.content));
         } else {