数字公式优化

public/js/global-math.js

@@ -8,14 +8,12 @@ window.MathJax = window.MathJax || {
     displayMath: [['$$', '$$'], ['\\[', '\\]']]
   },
   a11y: {
-    // 启用 MathJax 可访问性功能，确保使用 aria-label
     texHints: true,
     screenReader: true,
     mathml: {
       enable: true,
     },
     label: {
-      // 公式的 aria-label 配置
       enable: true,
       texClass: 'MathJax-Label',
       form: 'LaTeX'
@@ -24,85 +22,71 @@ window.MathJax = window.MathJax || {
   svg: { fontCache: 'global' }
 };
 
+function stripLatexDelimiters(latex) {
+  return String(latex || '')
+    .trim()
+    .replace(/^\$\$/, '')
+    .replace(/\$\$$/, '')
+    .replace(/^\$/, '')
+    .replace(/\$$/, '')
+    .trim();
+}
+
+/** 块/行内统一用 $$ 渲染，保证公式大小一致；排版由 data-wrap + CSS 控制 */
+function buildLatexContentForRender(latex) {
+  const raw = stripLatexDelimiters(latex);
+  if (!raw) return '';
+  return '$$' + raw + '$$';
+}
+
+function prepareWmathElement(element) {
+  const latexContent = element.getAttribute('data-latex');
+  if (!latexContent) return;
+  element.innerHTML = buildLatexContentForRender(latexContent);
+}
+
 // **定义全局渲染方法**
 window.renderMathJax = function (tinymceId) {
-  if (window.MathJax && typeof window.MathJax.typesetPromise === "function") {
-    // console.log("正在渲染 MathJax 公式...");
-
-    // 如果提供了 TinyMCE 编辑器 ID
+  if (window.MathJax && typeof window.MathJax.typesetPromise === 'function') {
     if (tinymceId) {
-      const editorInstance = window.tinymce.get(tinymceId); // 根据 ID 获取 TinyMCE 实例
+      const editorInstance = window.tinymce.get(tinymceId);
       if (!editorInstance) return;
-    
+
       const editorBody = editorInstance.getBody();
-    
-      // 获取所有 <wmath> 元素
       const wmathElements = editorBody.querySelectorAll('wmath');
-    
+
       if (wmathElements.length > 0) {
         wmathElements.forEach((element) => {
-          const latexContent = element.getAttribute('data-latex');
-          if (latexContent) {
-            // 将公式内容填入标签内部
-            element.innerHTML = latexContent;
-    
-            // 使用 MathJax 渲染该元素
-            window.MathJax.typesetPromise([element]).catch((err) => {
-              console.warn("TinyMCE MathJax 渲染失败:", err);
-            });
-          }
+          prepareWmathElement(element);
+          window.MathJax.typesetPromise([element]).catch((err) => {
+            console.warn('TinyMCE MathJax 渲染失败:', err);
+          });
         });
       }
-    
-      // 渲染 <math>（MathML）标签，如果有的话
+
       const mathElements = editorBody.querySelectorAll('math');
       if (mathElements.length > 0) {
         window.MathJax.typesetPromise(Array.from(mathElements)).catch((err) => {
-          console.warn("MathML 渲染失败:", err);
+          console.warn('MathML 渲染失败:', err);
         });
       }
-    }
-     else {
-      // 处理全局文档中的 <wmath> 标签
+    } else {
       const wmathElements = document.querySelectorAll('wmath');
       wmathElements.forEach((element) => {
-        // 检查 <wmath> 标签是否包含有效的 data-latex 属性值
-        const latexContent = element.getAttribute('data-latex');
-        if (latexContent) {
-          // 将元素的内部内容替换为 data-latex 的值
-          element.innerHTML = latexContent;
-
-          // 渲染 MathJax 公式
-          window.MathJax.typesetPromise([element]).catch((err) => {
-            console.warn("MathJax 渲染失败:", err);
-          });
-        }
+        prepareWmathElement(element);
+        window.MathJax.typesetPromise([element]).catch((err) => {
+          console.warn('MathJax 渲染失败:', err);
+        });
       });
 
-      // 处理全局文档中的 <math> 标签（MathML 内容）
       const mathElements = document.querySelectorAll('math');
       mathElements.forEach((element) => {
-        // 渲染 MathJax 公式
         window.MathJax.typesetPromise([element]).catch((err) => {
-          console.warn("MathJax 渲染失败:", err);
+          console.warn('MathJax 渲染失败:', err);
         });
       });
     }
-
   } else {
-    console.warn("MathJax 未正确加载！");
+    console.warn('MathJax 未正确加载！');
   }
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
+};