✨ feat: 添加对 Ace 编辑器的支持和样式优化

web/include/vditor/dist/index.js

@@ -2818,13 +2818,6 @@ var plantumlRenderAdapter = {
 /* harmony import */ var _util_function__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(446);
 var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
 
-var FLOWCHART_DIAGRAM_FONT_FAMILY = '"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "WenQuanYi Micro Hei", Arial, sans-serif';
-var FLOWCHART_DIAGRAM_OPTIONS = {
-    "font-family": FLOWCHART_DIAGRAM_FONT_FAMILY,
-    "font-size": 14,
-    "font-weight": "normal"
-};
-
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -2994,6 +2987,11 @@ var codeRender = function (element, option) {
 
 var flowchartRender = function (element, cdn) {
     if (cdn === void 0) { cdn = _constants__WEBPACK_IMPORTED_MODULE_0__/* .Constants.CDN */ .g.CDN; }
+    var flowchartDiagramOptions = {
+        "font-family": '"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "WenQuanYi Micro Hei", Arial, sans-serif',
+        "font-size": 14,
+        "font-weight": "normal"
+    };
     var flowchartElements = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.flowchartRenderAdapter.getElements(element);
     if (flowchartElements.length === 0) {
         return;
@@ -3005,7 +3003,7 @@ var flowchartRender = function (element, cdn) {
             }
             var flowchartObj = flowchart.parse(_adapterRender__WEBPACK_IMPORTED_MODULE_1__.flowchartRenderAdapter.getCode(item));
             item.innerHTML = "";
-            flowchartObj.drawSVG(item, FLOWCHART_DIAGRAM_OPTIONS);
+            flowchartObj.drawSVG(item, flowchartDiagramOptions);
             item.setAttribute("data-processed", "true");
         });
     });
@@ -3548,6 +3546,10 @@ var mermaidRender = function (element, cdn, theme) {
             fontFamily: mermaidFontFamily,
             fontSize: "14px",
             startOnLoad: false,
+            themeVariables: {
+                fontFamily: mermaidFontFamily,
+                fontSize: "14px"
+            },
             flowchart: {
                 htmlLabels: false,
                 useMaxWidth: !0

web/include/vditor/src/ts/markdown/mermaidRender.ts

@@ -23,6 +23,10 @@ export const mermaidRender = (element: HTMLElement, cdn = Constants.CDN, theme:
             fontFamily: MERMAID_FONT_FAMILY,
             fontSize: MERMAID_FONT_SIZE,
             startOnLoad: false,
+            themeVariables: {
+                fontFamily: MERMAID_FONT_FAMILY,
+                fontSize: MERMAID_FONT_SIZE,
+            },
             flowchart: {
                 htmlLabels: false,
                 useMaxWidth: !0