@8btc/mditor 0.0.27 → 0.0.29

package/dist/method.js

@@ -1,5 +1,5 @@
 /*!
- * Vditor v0.0.27 - A markdown editor written in TypeScript.
+ * Vditor v0.0.29 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -45,7 +45,7 @@ return /******/ (() => { // webpackBootstrap
 /* harmony export */   "g": () => (/* binding */ Constants)
 /* harmony export */ });
 /* unused harmony export VDITOR_VERSION */
-var _VDITOR_VERSION = (/* unused pure expression or super */ null && ("0.0.27"));
+var _VDITOR_VERSION = (/* unused pure expression or super */ null && ("0.0.29"));
 
 var Constants = /** @class */ (function () {
     function Constants() {
@@ -347,7 +347,7 @@ var Constants = /** @class */ (function () {
         "c#",
         "bat",
     ];
-    Constants.CDN = "https://webcdn.wujieai.com/vditor@".concat("0.0.27");
+    Constants.CDN = "https://webcdn.wujieai.com/vditor@".concat("0.0.29");
     Constants.MARKDOWN_OPTIONS = {
         autoSpace: false,
         gfmAutoLink: true,
@@ -2669,12 +2669,15 @@ var mathRender = function (element, options) {
             next();
         };
         if (!window.MathJax) {
+            // 关闭自动 typeset、不指定 elements，避免处理整个 document。外部使用本包时无需配置 startup.elements：
+            // 渲染时会将 startup.elements 临时设为传入的 element（当前预览/编辑容器），再 clear/updateDocument。
             window.MathJax = {
                 loader: {
                     paths: { mathjax: "".concat(options.cdn, "/dist/js/mathjax") },
                 },
                 startup: {
-                    typeset: true,
+                    typeset: false,
+                    elements: [],
                 },
                 tex: {
                     inlineMath: [
@@ -2717,8 +2720,15 @@ var mathRender = function (element, options) {
                 }
                 // 绑定自定义右键菜单（编辑区生效，预览区自动跳过）
                 (0,_mathContextMenu__WEBPACK_IMPORTED_MODULE_2__/* .bindMathContextMenu */ .xX)(mathElement);
-                window.MathJax.startup.document.clear();
-                window.MathJax.startup.document.updateDocument();
+                // 限定 document 范围为当前容器后再 clear/updateDocument，避免处理整页导致编辑器外的 $...$ 被重新渲染；不调用会导致同一公式被渲染 2 次
+                var startup = window.MathJax.startup;
+                var prevElements = startup.elements;
+                if (element instanceof HTMLElement) {
+                    startup.elements = [element];
+                }
+                startup.document.clear();
+                startup.document.updateDocument();
+                startup.elements = prevElements !== undefined ? prevElements : [];
                 var errorTextElement = node.querySelector('[data-mml-node="merror"]');
                 if (errorTextElement &&
                     errorTextElement.textContent.trim() !== "") {
@@ -2732,6 +2742,11 @@ var mathRender = function (element, options) {
             });
         };
         window.MathJax.startup.promise.then(function () {
+            // 脚本加载后再次强制不自动 typeset、不指定 elements，避免组件内部或用户配置导致处理整页
+            if (window.MathJax.startup) {
+                window.MathJax.startup.typeset = false;
+                window.MathJax.startup.elements = [];
+            }
             var chains = [];
             var _loop_1 = function (i) {
                 var mathElement = mathElements[i];
@@ -5116,147 +5131,6 @@ var speechRender = function (element, lang) {
 var selectionRender = __webpack_require__(616);
 // EXTERNAL MODULE: ./src/ts/util/mathSelection.ts
 var mathSelection = __webpack_require__(35);
-;// CONCATENATED MODULE: ./src/ts/markdown/customRender.ts
-/**
- * 自定义组件渲染模块
- * 支持将 HTML 标签（如 <read-button label="文献解读">）转换为自定义 HTML
- */
-var __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-/**
- * 解析 HTML 属性字符串
- * @param str 属性字符串，如 'label="文献解读" id="test"'
- * @returns 属性对象
- */
-function parseAttributes(str) {
-    var attributes = {};
-    if (!str)
-        return attributes;
-    var attrRegex = /(\w+)="([^"]*)"/g;
-    var match;
-    while ((match = attrRegex.exec(str)) !== null) {
-        attributes[match[1]] = match[2];
-    }
-    return attributes;
-}
-/**
- * 从 HTML 字符串中提取自定义标签
- * @param html HTML 字符串
- * @param tagName 标签名称，如 'read-button'
- * @returns 匹配的标签信息数组
- */
-function extractCustomTags(html, tagName) {
-    var results = [];
-    // 匹配自闭合标签和非自闭合标签
-    var selfClosingRegex = new RegExp("<".concat(tagName, "\\s+([^>]*)\\s*/>"), "g");
-    var openCloseRegex = new RegExp("<".concat(tagName, "\\s+([^>]*)>([^<]*)</").concat(tagName, ">"), "g");
-    var match;
-    // 处理自闭合标签
-    while ((match = selfClosingRegex.exec(html)) !== null) {
-        results.push({
-            fullTag: match[0],
-            attributes: parseAttributes(match[1]),
-            content: "",
-        });
-    }
-    // 处理开闭合标签
-    while ((match = openCloseRegex.exec(html)) !== null) {
-        results.push({
-            fullTag: match[0],
-            attributes: parseAttributes(match[1]),
-            content: match[2],
-        });
-    }
-    return results;
-}
-/**
- * 使用 HTML 字符串渲染自定义标签
- * @param html HTML 字符串
- * @param tagName 标签名称
- * @param component 自定义组件配置
- * @returns 修改后的 HTML 字符串
- */
-function renderCustomComponentHTML(html, tagName, component) {
-    var tags = extractCustomTags(html, tagName);
-    var result = html;
-    // 反向遍历以保持位置正确性
-    for (var i = tags.length - 1; i >= 0; i--) {
-        var tag = tags[i];
-        var htmlString = component.renderHTML(tag.attributes);
-        result = result.replace(tag.fullTag, htmlString);
-    }
-    return result;
-}
-/**
- * 在 DOM 元素中查找并渲染自定义组件
- * @param element DOM 元素
- * @param customComponents 自定义组件集合
- */
-function renderCustomComponents(element, customComponents) {
-    Object.keys(customComponents).forEach(function (tagName) {
-        var component = customComponents[tagName];
-        var customElements = element.querySelectorAll(tagName);
-        // 反向遍历以避免 DOM 修改时的索引问题
-        Array.from(customElements)
-            .reverse()
-            .forEach(function (el) {
-            var attributes = {};
-            el.getAttributeNames().forEach(function (name) {
-                attributes[name] = el.getAttribute(name) || "";
-            });
-            // 使用 innerHTML 保留内部 HTML 内容，而不仅仅是纯文本
-            var content = el.innerHTML || "";
-            // 使用 HTML 渲染
-            var htmlString = component.renderHTML(__assign(__assign({}, attributes), { children: content }));
-            el.outerHTML = htmlString;
-        });
-    });
-}
-/**
- * 批量处理自定义组件 - 用于预处理 HTML 字符串
- * @param html HTML 字符串
- * @param customComponents 自定义组件集合
- * @returns 处理后的 HTML 字符串
- */
-function processCustomComponents(html, customComponents) {
-    var result = html;
-    Object.keys(customComponents).forEach(function (tagName) {
-        var component = customComponents[tagName];
-        result = renderCustomComponentHTML(result, tagName, component);
-    });
-    return result;
-}
-/**
- * 处理 markdown 中的自定义组件
- * 将 markdown 中的自定义标签转换为对应的 HTML
- * @param markdown markdown 字符串
- * @param customComponents 自定义组件集合
- * @returns 处理后的 markdown 字符串
- */
-function processMarkdownCustomComponents(markdown, customComponents) {
-    var result = markdown;
-    Object.keys(customComponents).forEach(function (tagName) {
-        var component = customComponents[tagName];
-        result = renderCustomComponentHTML(result, tagName, component);
-    });
-    return result;
-}
-/**
- * 导出默认函数和其他公共 API
- */
-function customRender(element, customComponents) {
-    renderCustomComponents(element, customComponents);
-}
-
 ;// CONCATENATED MODULE: ./src/ts/markdown/previewRender.ts
 var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -5316,7 +5190,6 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
 
 
 
-
 
 
 var mergeOptions = function (options) {
@@ -5457,7 +5330,6 @@ var previewRender = function (previewElement, markdown, options) { return __awai
                 _a.sent();
                 _a.label = 8;
             case 8:
-                customRender(previewElement, mergedOptions.customComponents || {});
                 (0,setContentTheme/* setContentTheme */.Z)(mergedOptions.theme.current, mergedOptions.theme.path);
                 if (mergedOptions.anchor === 1) {
                     previewElement.classList.add("vditor-reset--anchor");