From cfd4c2fe25be837bd1e7eefb392b6c7def937014 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=84=E5=BF=83=E5=AE=87?= <xyhuang29@outlook.com>
Date: Fri, 5 Jul 2024 14:32:08 +0800
Subject: [PATCH] =?UTF-8?q?md=E7=BC=96=E8=BE=91=E5=99=A8=E5=85=AC=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/js/editormd/editormd.min.js | 19 ++++++++++++++-----
 src/common/marked.js               |  8 +++++++-
 src/index.css                      |  8 ++++++++
 3 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/public/js/editormd/editormd.min.js b/public/js/editormd/editormd.min.js
index 1dfa3121..30660625 100755
--- a/public/js/editormd/editormd.min.js
+++ b/public/js/editormd/editormd.min.js
@@ -1907,13 +1907,16 @@
                     return false;
                 },
                 renderer(token) {
-                    return katex.renderToString(token.text, { displayMode: token.displayMode });
+                    let renderString = ''
+                    try {
+                      renderString = katex.renderToString(token.text, { displayMode: token.displayMode })
+                    } catch (error) {
+                      renderString = `<p style="color:#cc0000" title="${ error.message }">${ token.raw }`
+                    }
+                    return renderString
                 }
             };
             
-            
-            marked.use({ extensions: [kateX] });
-
             var markdownToC = this.markdownToC = [];
             var rendererOptions = this.markedRendererOptions = {
                 toc: settings.toc,
@@ -1940,6 +1943,10 @@
                 smartLists: true,
                 smartypants: true
             };
+            
+            if (editormd.kaTeXLoaded) {
+                marked.use({ extensions: [kateX] });
+            }
 
             marked.setOptions(markedOptions);
 
@@ -1990,6 +1997,8 @@
                         editormd.loadKaTeX(function () {
                             editormd.$katex = katex;
                             editormd.kaTeXLoaded = true;
+                            marked.use({ extensions: [kateX] });
+                            _this.save();
                         });
                     }
                     else {
@@ -3456,7 +3465,7 @@
             var tocHTML = "<div class=\"markdown-toc editormd-markdown-toc\">" + text + "</div>";
 
             return (isToC) ? ((isToCMenu) ? "<div class=\"editormd-toc-menu\">" + tocHTML + "</div><br/>" : tocHTML)
-                : ((pageBreakReg.test(text)) ? this.pageBreak(text) : "<p" + isTeXAddClass + ">" + this.atLink(this.emoji(text)) + "</p>\n");
+                : ((pageBreakReg.test(text)) ? this.pageBreak(text) : this.atLink(this.emoji(text)) + "</p>\n");
         };
 
         markedRenderer.code = function (code, lang, escaped) {
diff --git a/src/common/marked.js b/src/common/marked.js
index 8bc7a124..83003c51 100644
--- a/src/common/marked.js
+++ b/src/common/marked.js
@@ -226,7 +226,13 @@ const kateX = {
     return false;
   },
   renderer(token) {
-    return renderToString(token.text, { displayMode: token.displayMode });
+    let renderString = ''
+    try {
+      renderString = renderToString(token.text, { displayMode: token.displayMode})
+    } catch (error) {
+      renderString = `<p style="color:#cc0000" title="${ error.message }">${ token.raw }`
+    }
+    return renderString
   }
 };
 
diff --git a/src/index.css b/src/index.css
index c97e45d7..a5d90bc3 100644
--- a/src/index.css
+++ b/src/index.css
@@ -240,4 +240,12 @@ i.color-orange05:hover {
 }
 .User span {
   margin-left:8px
+}
+.latex-error {
+  border: 1px solid #ff818266;
+  border-radius: 6px;
+  background-color: #ffebe9;
+  padding: 10px 8px;
+  font-size: 12px;
+  margin-bottom: 5px;
 }
\ No newline at end of file