Add Katex MathMode

Author: dark-flames

package-lock.json

@@ -7,18 +7,18 @@ export function ContentParser (content, parsers) {
     let stringMap = []
 
     parsers.forEach(function (parserConfig) {
-        let segments = newContent.match(parserConfig.reg)
-
-        if (segments) {
-            segments.forEach(function (segment) {
-                let mapItem = {
-                    hash: '$' + md5(segment) + '$',
-                    segment: segment,
-                    content: parserConfig.parser(segment)
-                }
-                newContent = newContent.replace(segment, mapItem.hash)
-                stringMap.push(mapItem)
-            })
+        let matches = newContent.match(parserConfig.reg)
+
+        while (matches !== null) {
+            let mapItem = {
+                hash: md5(matches[0]),
+                segment: matches[0],
+                content: parserConfig.parser(matches)
+            }
+            newContent = newContent.replace(mapItem.segment, mapItem.hash)
+            stringMap.push(mapItem)
+
+            matches = newContent.match(parserConfig.reg)
         }
     })
 

src/components/ContentParser.js

@@ -2,20 +2,18 @@ import 'katex/dist/katex.css'
 import katex from 'katex/dist/katex'
 
 export default {
-    reg: RegExp(/(\$+[^$]*\$+)/, 'g'),
-    parser (segment) {
-        let matchReg = new RegExp(/^\$+(.*)\$+$/)
-        let matched = segment.match(matchReg)
-
-        if (matched) {
-            segment = matched[1]
-            try {
-                return katex.renderToString(segment)
-            } catch (exception) {
-                return '$' + segment + '$'
-            }
-        } else {
-            return ''
+    reg: /(\$\$?)(.+?)\$\$?/,
+    parser (matches) {
+        let isMathMode = false
+        if (matches[1] === '$$') {
+            isMathMode = true
+        }
+        try {
+            return katex.renderToString(matches[2], {
+                displayMode: isMathMode
+            })
+        } catch (exception) {
+            return matches[1] + matches[2] + matches[1]
         }
     }
 }