From efd874b3d6ca24ec2a84796f8b52017bfa560705 Mon Sep 17 00:00:00 2001
From: ruibaby <i@ryanc.cc>
Date: Wed, 5 Dec 2018 17:29:35 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20=E7=BC=96=E8=BE=91=E5=99=A8?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E6=95=B0=E5=AD=A6=E5=85=AC=E5=BC=8F=20#50?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/admin/admin_page_md_editor.ftl     | 16 +++++++++++++++-
 .../templates/admin/admin_post_md_editor.ftl     | 16 +++++++++++++++-
 2 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/src/main/resources/templates/admin/admin_page_md_editor.ftl b/src/main/resources/templates/admin/admin_page_md_editor.ftl
index bf2393460..92a2871d8 100755
--- a/src/main/resources/templates/admin/admin_page_md_editor.ftl
+++ b/src/main/resources/templates/admin/admin_page_md_editor.ftl
@@ -135,6 +135,7 @@
     <script src="/static/plugins/inline-attachment/codemirror-4.inline-attachment.min.js"></script>
     <script src="/static/plugins/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
     <script src="/static/plugins/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
+    <script src="//cdnjs.loli.net/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML"></script>
     <script>
         <#if post??>
         $('#postDate').datetimepicker({
@@ -145,6 +146,13 @@
             autoclose: 1
         });
         </#if>
+
+        MathJax.Hub.Config({
+            tex2jax: {inlineMath: [["$","$"],["\\(","\\)"]]}
+        });
+
+        var QUEUE = MathJax.Hub.queue;
+
         /**
          * 加载编辑器
          */
@@ -160,8 +168,14 @@
             renderingConfig: {
                 codeSyntaxHighlighting: true
             },
+            previewRender: function(plainText) {
+                var preview = document.getElementsByClassName("editor-preview-side")[0];
+                preview.innerHTML = this.parent.markdown(plainText);
+                preview.setAttribute('id','editor-preview');
+                MathJax.Hub.Queue(["Typeset",MathJax.Hub,"editor-preview"]);
+                return preview.innerHTML;
+            },
             showIcons: ["code", "table"],
-            status: true,
             status: ["autosave", "lines", "words"],
             tabSize: 4
         });
diff --git a/src/main/resources/templates/admin/admin_post_md_editor.ftl b/src/main/resources/templates/admin/admin_post_md_editor.ftl
index 1f363111f..79ea54486 100755
--- a/src/main/resources/templates/admin/admin_post_md_editor.ftl
+++ b/src/main/resources/templates/admin/admin_post_md_editor.ftl
@@ -190,6 +190,7 @@
     <script src="/static/plugins/hz2py/jQuery.Hz2Py-min.js"></script>
     <script src="/static/plugins/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
     <script src="/static/plugins/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
+    <script src="//cdnjs.loli.net/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML"></script>
     <script>
         <#if post??>
         $('#postDate').datetimepicker({
@@ -200,6 +201,13 @@
             autoclose: 1
         });
         </#if>
+
+        MathJax.Hub.Config({
+            tex2jax: {inlineMath: [["$","$"],["\\(","\\)"]]}
+        });
+
+        var QUEUE = MathJax.Hub.queue;
+
         /**
          * 加载编辑器
          */
@@ -215,8 +223,14 @@
             renderingConfig: {
                 codeSyntaxHighlighting: true
             },
+            previewRender: function(plainText) {
+                var preview = document.getElementsByClassName("editor-preview-side")[0];
+                preview.innerHTML = this.parent.markdown(plainText);
+                preview.setAttribute('id','editor-preview');
+                MathJax.Hub.Queue(["Typeset",MathJax.Hub,"editor-preview"]);
+                return preview.innerHTML;
+            },
             showIcons: ["code", "table"],
-            status: true,
             status: ["autosave", "lines", "words"],
             tabSize: 4
         });