vditor 3.8.10 → 3.8.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vditor",
-  "version": "3.8.10",
+  "version": "3.8.11",
   "description": "♏ 易于使用的 Markdown 编辑器，为适配不同的应用场景而生",
   "author": "Vanessa <v@b3log.org> (http://vanessa.b3log.org)",
   "homepage": "https://b3log.org/vditor",
@@ -24,7 +24,7 @@
     "@types/diff-match-patch": "^1.0.32",
     "@types/jest": "^26.0.23",
     "@types/puppeteer": "^2.1.5",
-    "autoprefixer": "^9.8.6",
+    "autoprefixer": "^10.4.2",
     "babel-loader": "^8.2.2",
     "clean-webpack-plugin": "^4.0.0-alpha.0",
     "copy-webpack-plugin": "^6.4.1",
@@ -39,14 +39,14 @@
     "puppeteer": "^1.20.0",
     "sass-loader": "^12.4.0",
     "style-loader": "^1.3.0",
-    "terser-webpack-plugin": "^5.1.2",
+    "terser-webpack-plugin": "^5.3.0",
     "ts-jest": "^26.5.6",
     "ts-loader": "^6.2.2",
     "tslint": "^5.20.1",
     "typescript": "^3.9.9",
-    "webpack": "^5.37.0",
+    "webpack": "^5.66.0",
     "webpack-bundle-analyzer": "^3.9.0",
-    "webpack-cli": "^4.7.0",
+    "webpack-cli": "^4.9.1",
     "webpack-dev-server": "^4.1.0"
   },
   "license": "MIT",

package/src/ts/markdown/mathRender.ts

@@ -42,33 +42,35 @@ export const mathRender = (element: HTMLElement, options?: { cdn?: string, math?
     if (options.math.engine === "KaTeX") {
         addStyle(`${options.cdn}/dist/js/katex/katex.min.css`, "vditorKatexStyle");
         addScript(`${options.cdn}/dist/js/katex/katex.min.js`, "vditorKatexScript").then(() => {
-            mathElements.forEach((mathElement) => {
-                if (mathElement.parentElement.classList.contains("vditor-wysiwyg__pre") ||
-                    mathElement.parentElement.classList.contains("vditor-ir__marker--pre")) {
-                    return;
-                }
-                if (mathElement.getAttribute("data-math")) {
-                    return;
-                }
-                const math = code160to32(mathRenderAdapter.getCode(mathElement));
-                mathElement.setAttribute("data-math", math);
-                try {
-                    mathElement.innerHTML = katex.renderToString(math, {
-                        displayMode: mathElement.tagName === "DIV",
-                        output: "html",
-                    });
-                } catch (e) {
-                    mathElement.innerHTML = e.message;
-                    mathElement.className = "language-math vditor-reset--error";
-                }
+            addScript(`${options.cdn}/dist/js/katex/mhchem.min.js`, "vditorKatexChemScript").then(() => {
+                mathElements.forEach((mathElement) => {
+                    if (mathElement.parentElement.classList.contains("vditor-wysiwyg__pre") ||
+                        mathElement.parentElement.classList.contains("vditor-ir__marker--pre")) {
+                        return;
+                    }
+                    if (mathElement.getAttribute("data-math")) {
+                        return;
+                    }
+                    const math = code160to32(mathRenderAdapter.getCode(mathElement));
+                    mathElement.setAttribute("data-math", math);
+                    try {
+                        mathElement.innerHTML = katex.renderToString(math, {
+                            displayMode: mathElement.tagName === "DIV",
+                            output: "html",
+                        });
+                    } catch (e) {
+                        mathElement.innerHTML = e.message;
+                        mathElement.className = "language-math vditor-reset--error";
+                    }
 
-                mathElement.addEventListener("copy", (event: ClipboardEvent) => {
-                    event.stopPropagation();
-                    event.preventDefault();
-                    const vditorMathElement = (event.currentTarget as HTMLElement).closest(".language-math");
-                    event.clipboardData.setData("text/html", vditorMathElement.innerHTML);
-                    event.clipboardData.setData("text/plain",
-                        vditorMathElement.getAttribute("data-math"));
+                    mathElement.addEventListener("copy", (event: ClipboardEvent) => {
+                        event.stopPropagation();
+                        event.preventDefault();
+                        const vditorMathElement = (event.currentTarget as HTMLElement).closest(".language-math");
+                        event.clipboardData.setData("text/html", vditorMathElement.innerHTML);
+                        event.clipboardData.setData("text/plain",
+                            vditorMathElement.getAttribute("data-math"));
+                    });
                 });
             });
         });
@@ -88,7 +90,7 @@ export const mathRender = (element: HTMLElement, options?: { cdn?: string, math?
         if (!window.MathJax) {
             window.MathJax = {
                 loader: {
-                    paths: { mathjax: `${options.cdn}/dist/js/mathjax` },
+                    paths: {mathjax: `${options.cdn}/dist/js/mathjax`},
                 },
                 startup: {
                     typeset: false,

package/src/ts/wysiwyg/highlightToolbarWYSIWYG.ts

@@ -972,8 +972,6 @@ const linkHotkey = (
 };
 
 export const genAPopover = (vditor: IVditor, aElement: HTMLElement) => {
-    const lang: keyof II18n | "" = vditor.options.lang;
-    const options: IOptions = vditor.options;
     vditor.wysiwyg.popover.innerHTML = "";
 
     const updateA = () => {
@@ -982,6 +980,7 @@ export const genAPopover = (vditor: IVditor, aElement: HTMLElement) => {
         }
         aElement.setAttribute("href", input1.value);
         aElement.setAttribute("title", input2.value);
+        afterRenderEvent(vditor);
     };
 
     aElement.querySelectorAll("[data-marker]").forEach((item: HTMLElement) => {