feat: 更新 vue-editormd 源码,以支持 PlantUML 解析

public/static/editor.md/editormd.amd.js

@@ -631,6 +631,12 @@
                     return ;
                 }
 
+                if (settings.plantuml) {
+                    editormd.loadScript(loadPath + "plantuml-encoder.min", function() {
+                        editormd.$plantumlEncoder = plantumlEncoder;
+                    });
+                }
+
                 if (settings.flowChart || settings.sequenceDiagram) 
                 {
                     editormd.loadScript(loadPath + "raphael.min", function() {
@@ -2121,6 +2127,7 @@
                 tex                  : settings.tex,
                 atLink               : settings.atLink,           // for @link
                 emailLink            : settings.emailLink,        // for mail address auto link
+                plantuml             : settings.plantuml,
                 flowChart            : settings.flowChart,
                 sequenceDiagram      : settings.sequenceDiagram,
                 previewCodeHighlight : settings.previewCodeHighlight,
@@ -3518,6 +3525,7 @@
             taskList             : false,          // Enable Github Flavored Markdown task lists
             emoji                : false,          // :emoji: , Support Twemoji, fontAwesome, Editor.md logo emojis.
             tex                  : false,          // TeX(LaTeX), based on KaTeX
+            plantuml             : false,
             flowChart            : false,          // flowChart.js only support IE9+
             sequenceDiagram      : false,          // sequenceDiagram.js only support IE9+
         };
@@ -3757,6 +3765,10 @@
             {
                 return "<p class=\"" + editormd.classNames.tex + "\">" + code + "</p>";
             }
+            else if ( lang === "plantuml" && settings.plantuml ) {
+                const encoded = editormd.$plantumlEncoder.encode(code);
+                return `<img src="https://www.plantuml.com/plantuml/svg/${encoded}" />`;
+            }
             else 
             {
 
@@ -4072,6 +4084,7 @@
             pageBreak            : settings.pageBreak,
             atLink               : settings.atLink,           // for @link
             emailLink            : settings.emailLink,        // for mail address auto link
+            plantuml             : settings.plantuml,
             flowChart            : settings.flowChart,
             sequenceDiagram      : settings.sequenceDiagram,
             previewCodeHighlight : settings.previewCodeHighlight,

public/static/editor.md/editormd.js

@@ -561,6 +561,12 @@
                     return ;
                 }
 
+                if (settings.plantuml) {
+                    editormd.loadScript(loadPath + "plantuml-encoder.min", function() {
+                        editormd.$plantumlEncoder = plantumlEncoder;
+                    });
+                }
+
                 if (settings.flowChart || settings.sequenceDiagram) 
                 {
                     editormd.loadScript(loadPath + "raphael.min", function() {
@@ -2052,6 +2058,7 @@
                 tex                  : settings.tex,
                 atLink               : settings.atLink,           // for @link
                 emailLink            : settings.emailLink,        // for mail address auto link
+                plantuml             : settings.plantuml,
                 flowChart            : settings.flowChart,
                 sequenceDiagram      : settings.sequenceDiagram,
                 previewCodeHighlight : settings.previewCodeHighlight,
@@ -3449,6 +3456,7 @@
             taskList             : false,          // Enable Github Flavored Markdown task lists
             emoji                : false,          // :emoji: , Support Twemoji, fontAwesome, Editor.md logo emojis.
             tex                  : false,          // TeX(LaTeX), based on KaTeX
+            plantuml             : false,
             flowChart            : false,          // flowChart.js only support IE9+
             sequenceDiagram      : false,          // sequenceDiagram.js only support IE9+
         };
@@ -3688,6 +3696,10 @@
             {
                 return "<p class=\"" + editormd.classNames.tex + "\">" + code + "</p>";
             }
+            else if ( lang === "plantuml" && settings.plantuml ) {
+                const encoded = editormd.$plantumlEncoder.encode(code);
+                return `<img src="https://www.plantuml.com/plantuml/svg/${encoded}" />`;
+            }
             else 
             {
 
@@ -4003,6 +4015,7 @@
             pageBreak            : settings.pageBreak,
             atLink               : settings.atLink,           // for @link
             emailLink            : settings.emailLink,        // for mail address auto link
+            plantuml             : settings.plantuml,
             flowChart            : settings.flowChart,
             sequenceDiagram      : settings.sequenceDiagram,
             previewCodeHighlight : settings.previewCodeHighlight,

public/static/editor.md/src/editormd.js

@@ -549,6 +549,12 @@
                     return ;
                 }
 
+                if (settings.plantuml) {
+                    editormd.loadScript(loadPath + "plantuml-encoder.min", function() {
+                        editormd.$plantumlEncoder = plantumlEncoder;
+                    });
+                }
+
                 if (settings.flowChart || settings.sequenceDiagram) 
                 {
                     editormd.loadScript(loadPath + "raphael.min", function() {
@@ -2039,6 +2045,7 @@
                 tex                  : settings.tex,
                 atLink               : settings.atLink,           // for @link
                 emailLink            : settings.emailLink,        // for mail address auto link
+                plantuml             : settings.plantuml,
                 flowChart            : settings.flowChart,
                 sequenceDiagram      : settings.sequenceDiagram,
                 previewCodeHighlight : settings.previewCodeHighlight,
@@ -3439,6 +3446,7 @@
             taskList             : false,          // Enable Github Flavored Markdown task lists
             emoji                : false,          // :emoji: , Support Twemoji, fontAwesome, Editor.md logo emojis.
             tex                  : false,          // TeX(LaTeX), based on KaTeX
+            plantuml             : false,
             flowChart            : false,          // flowChart.js only support IE9+
             sequenceDiagram      : false,          // sequenceDiagram.js only support IE9+
         };
@@ -3678,6 +3686,10 @@
             {
                 return "<p class=\"" + editormd.classNames.tex + "\">" + code + "</p>";
             }
+            else if ( lang === "plantuml" && settings.plantuml ) {
+                const encoded = editormd.$plantumlEncoder.encode(code);
+                return `<img src="https://www.plantuml.com/plantuml/svg/${encoded}" />`;
+            }
             else 
             {
 
@@ -3993,6 +4005,7 @@
             pageBreak            : settings.pageBreak,
             atLink               : settings.atLink,           // for @link
             emailLink            : settings.emailLink,        // for mail address auto link
+            plantuml             : settings.plantuml,
             flowChart            : settings.flowChart,
             sequenceDiagram      : settings.sequenceDiagram,
             previewCodeHighlight : settings.previewCodeHighlight,

src/components/MarkdownEditor.vue

@@ -148,6 +148,7 @@ export default {
                         htmlDecode: 'style,script,iframe|on*', // 开启 HTML 标签解析，为了安全性，默认不开启
                         tocm: true, // Using [TOCM]
                         tex: true, // 开启科学公式TeX语言支持，默认关闭
+                        plantuml: true, // 开启 plantuml 解析，默认关闭
                         flowChart: true, // 开启流程图支持，默认关闭
                         sequenceDiagram: true, // 开启时序/序列图支持，默认关闭
                         taskList: true,