@8btc/mditor 0.0.28 → 0.0.29

package/src/ts/markdown/mathRender.ts

@@ -180,8 +180,8 @@ export const mathRender = (
             next();
         };
         if (!window.MathJax) {
-            // 关闭自动 typeset，避免处理整个 document 导致页面其他区域（如用户消息）中的 $...$ 被重新渲染。
-            // 公式仅由本函数内对 tex2svgPromise 的显式调用渲染，且仅针对传入的 element 内的节点。
+            // 关闭自动 typeset、不指定 elements，避免处理整个 document。外部使用本包时无需配置 startup.elements：
+            // 渲染时会将 startup.elements 临时设为传入的 element（当前预览/编辑容器），再 clear/updateDocument。
             window.MathJax = {
                 loader: {
                     paths: { mathjax: `${options.cdn}/dist/js/mathjax` },
@@ -236,8 +236,15 @@ export const mathRender = (
                     }
                     // 绑定自定义右键菜单（编辑区生效，预览区自动跳过）
                     bindMathContextMenu(mathElement as HTMLElement);
-                    window.MathJax.startup.document.clear();
-                    window.MathJax.startup.document.updateDocument();
+                    // 限定 document 范围为当前容器后再 clear/updateDocument，避免处理整页导致编辑器外的 $...$ 被重新渲染；不调用会导致同一公式被渲染 2 次
+                    const startup = window.MathJax.startup;
+                    const prevElements = startup.elements;
+                    if (element instanceof HTMLElement) {
+                        startup.elements = [element];
+                    }
+                    startup.document.clear();
+                    startup.document.updateDocument();
+                    startup.elements = prevElements !== undefined ? prevElements : [];
                     const errorTextElement = node.querySelector(
                         '[data-mml-node="merror"]'
                     );
@@ -256,6 +263,11 @@ export const mathRender = (
             );
         };
         window.MathJax.startup.promise.then(() => {
+            // 脚本加载后再次强制不自动 typeset、不指定 elements，避免组件内部或用户配置导致处理整页
+            if (window.MathJax.startup) {
+                window.MathJax.startup.typeset = false;
+                window.MathJax.startup.elements = [];
+            }
             const chains: any[] = [];
             for (let i = 0; i < mathElements.length; i++) {
                 const mathElement = mathElements[i];