@8btc/mditor 0.0.27 → 0.0.29

package/README.md

@@ -284,6 +284,8 @@ new Vditor("vditor", {
 | engine         | 数学公式渲染引擎：KaTeX, MathJax    | 'KaTeX' |
 | mathJaxOptions | 数学公式渲染引擎为 MathJax 时的参数 | -       |
 
+使用 MathJax 时，**无需配置 `startup.elements`**：包内会将公式渲染范围限定为当前预览/编辑容器，不会处理页面其他区域；`mathJaxOptions` 中若传入 `startup.typeset` 或 `startup.elements`，会在加载后被包内强制覆盖以保证作用域正确。
+
 #### options.preview.actions?: Array<IPreviewAction | IPreviewActionCustom>
 
 默认值为 ["desktop", "tablet", "mobile", "mp-wechat", "zhihu"]。

package/dist/index.css

@@ -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
  *
@@ -25,7 +25,7 @@
  *
  */
 /*!
- * Vditor v0.0.27 - A markdown editor written in TypeScript.
+ * Vditor v0.0.29 - A markdown editor written in TypeScript.
  *
  * MIT License
  *

package/dist/index.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
  *
@@ -2261,7 +2261,7 @@ module.exports.DIFF_EQUAL = DIFF_EQUAL;
 
 /***/ }),
 
-/***/ 242:
+/***/ 408:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2490,147 +2490,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); }); }
@@ -2690,7 +2549,6 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
 
 
 
-
 
 
 var mergeOptions = function (options) {
@@ -2831,7 +2689,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");
@@ -3066,7 +2923,7 @@ var Vditor = /** @class */ (function () {
 /* harmony export */   "H": () => (/* binding */ _VDITOR_VERSION),
 /* harmony export */   "g": () => (/* binding */ Constants)
 /* harmony export */ });
-var _VDITOR_VERSION = "0.0.27";
+var _VDITOR_VERSION = "0.0.29";
 
 var Constants = /** @class */ (function () {
     function Constants() {
@@ -3368,7 +3225,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,
@@ -5703,12 +5560,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: [
@@ -5751,8 +5611,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() !== "") {
@@ -5766,6 +5633,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];
@@ -8052,8 +7924,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ src)
 });
 
-// EXTERNAL MODULE: ./src/method.ts + 5 modules
-var method = __webpack_require__(242);
+// EXTERNAL MODULE: ./src/method.ts + 4 modules
+var method = __webpack_require__(408);
 // EXTERNAL MODULE: ./src/ts/constants.ts
 var constants = __webpack_require__(145);
 // EXTERNAL MODULE: ./src/ts/markdown/getMarkdown.ts
@@ -18142,7 +18014,6 @@ var Options = /** @class */ (function () {
                 type: "markdown",
             },
             customRenders: [],
-            customComponents: {},
             debugger: false,
             fullscreen: {
                 index: 90,