ai-read-over-mobile 0.0.13 → 0.0.14

package/components/demo/src/read-over.vue

@@ -51,6 +51,7 @@ import ChatTools from "./chat-tools.vue";
 import '../static/iconfont/iconfont.css';
 import katex from 'katex';
 import 'katex/dist/katex.min.css';
+import 'katex/contrib/mhchem/mhchem.js';
 
 export default {
   name: 'ReadOver',
@@ -90,6 +91,11 @@ export default {
     },
     renderFormulas(text) {
       if (!text) return '';
+      text = text.replace(/>/g, '>')
+          .replace(/&lt;/g, '<')
+          .replace(/&amp;/g, '&')
+          .replace(/&quot;/g, '"')
+          .replace(/&#39;/g, "'");
       // 如果整个文本包含 LaTeX 命令且没有定界符，整体包裹
       const hasDelimiter = /\$|\\\(|\\\[/.test(text);
       if (!hasDelimiter) {
@@ -100,44 +106,44 @@ export default {
       }
       const { renderToString } = katex;
       return text
-          // 块级公式 $$...$$
-          .replace(/\$\$(.*?)\$\$/gs, (match, p1) => {
+          // $$ ... $$ 块级公式
+          .replace(/\$\$([\s\S]*?)\$\$/gs, function (_, formula) {
             try {
-              return renderToString(p1, { displayMode: true, throwOnError:
-                    false });
-            } catch (e) {
-              console.error('Block formula error:', e);
-              return match;
+              const trimmedFormula = formula.trim()
+              return renderToString(trimmedFormula, { displayMode: true });
+            } catch (error) {
+              console.error('Error rendering block formula:', error);
+              return _;
             }
           })
-          // 行内公式 $...$
-          .replace(/\$(.*?)\$/g, (match, p1) => {
+          // \(...\) 行内公式
+          .replace(/\\\((.*?)\\\)/gs, function (_, formula) {
             try {
-              return renderToString(p1, { displayMode: false, throwOnError:
-                    false });
-            } catch (e) {
-              console.error('Inline formula error:', e);
-              return match;
+              const trimmedFormula = formula.trim()
+              return renderToString(trimmedFormula, { displayMode: false });
+            } catch (error) {
+              console.error('Error rendering inline formula:', error);
+              return _;
             }
           })
-          // 行内公式 \( ... \)
-          .replace(/\\\((.*?)\\\)/g, (match, p1) => {
+          // \[...\] 块级公式
+          .replace(/\\\[(.*?)\\\]/gs, function (_, formula) {
             try {
-              return renderToString(p1, { displayMode: false, throwOnError:
-                    false });
-            } catch (e) {
-              console.error('Inline formula error:', e);
-              return match;
+              const trimmedFormula = formula.trim()
+              return renderToString(trimmedFormula, { displayMode: true });
+            } catch (error) {
+              console.error('Error rendering block formula:', error);
+              return _;
             }
           })
-          // 块级公式 \[ ... \]
-          .replace(/\\\[(.*?)\\\]/gs, (match, p1) => {
+          // $...$ 行内公式
+          .replace(/\$(.+?)\$/gs, function (_, formula) {
             try {
-              return renderToString(p1, { displayMode: true, throwOnError:
-                    false });
-            } catch (e) {
-              console.error('Block formula error:', e);
-              return match;
+              const trimmedFormula = formula.trim()
+              return renderToString(trimmedFormula, { displayMode: false });
+            } catch (error) {
+              console.error('Error rendering inline formula with $...$:', error);
+              return _;
             }
           });
     },