From fffc5a56e8ec67a1985ced3bee164cd5cd324670 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Wed, 22 Nov 2023 09:46:06 +0800
Subject: [PATCH] :art: fix https://github.com/siyuan-note/siyuan/issues/9685

---
 app/src/protyle/export/util.ts | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/app/src/protyle/export/util.ts b/app/src/protyle/export/util.ts
index 901c79d41..7a1a3b1b8 100644
--- a/app/src/protyle/export/util.ts
+++ b/app/src/protyle/export/util.ts
@@ -91,6 +91,22 @@ id="preview"></div>
     });
     const refreshPreview = (response: IWebSocketData) => {
         previewElement.innerHTML = response.data.content;
+        // https://github.com/siyuan-note/siyuan/issues/9685
+        previewElement.querySelectorAll('[data-type~="mark"]').forEach((markItem: HTMLElement) => {
+            markItem.childNodes.forEach((item) => {
+                let spanHTML = ""
+                Array.from(item.textContent).forEach(str => {
+                    spanHTML += `<span data-type="mark">${str}</span>`
+                })
+                const templateElement = document.createElement("template");
+                templateElement.innerHTML = spanHTML;
+                item.after(templateElement.content);
+                item.remove();
+            })
+            if (markItem.childNodes.length > 0) {
+                markItem.setAttribute("data-type", markItem.getAttribute("data-type").replace("mark", ""))
+            }
+        });
         previewElement.setAttribute("data-doc-type", response.data.type || "NodeDocument");
         if (response.data.attrs.memo) {
             previewElement.setAttribute("memo", response.data.attrs.memo);