feat: 拉取更新 MarkdownEditor 组件代码

src/components/MarkdownEditor.vue

@@ -3,7 +3,7 @@
     <!-- rewrite Markdown CSS(Cmd Markdown Style) from https://github.com/wakaryry/editorMd -->
     <link rel="stylesheet" href="/static/CmdMarkdown/custom.css">
 
-    <div id="markdown-editor" />
+    <div id="markdown-editor"></div>
 </template>
 
 <script>
@@ -44,6 +44,18 @@ export default {
             type: Function,
             required: false,
             default: () => { }
+        },
+        // 全屏编辑器时，执行该函数
+        onfullscreen: {
+            type: Function,
+            required: false,
+            default: () => { }
+        },
+        // 退出全屏时，执行该函数
+        onfullscreenExit: {
+            type: Function,
+            required: false,
+            default: () => { }
         }
     },
     data() {
@@ -106,18 +118,15 @@ export default {
                         // editorTheme: (localStorage.editorTheme) ? localStorage.editorThheme : "3024-night",
                         // previewTheme: (localStorage.previewTheme) ? localStorage.previewTheme : "default",
 
-                        // 退出全屏
-                        // onfullscreen: function () {
-                        //     // 原生JS修改层级
-                        //     var editor = document.getElementById('markdown-editor')
-                        //     editor.style['z-index'] = 13
-                        // },
                         // 全屏
-                        // onfullscreenExit: function () {
-                        //     // 原生JS修改层级
-                        //     var editor = document.getElementById('markdown-editor')
-                        //     editor.style['z-index'] = 10
-                        // },
+                        onfullscreen: function () {
+                            vm.onfullscreen()
+                        },
+
+                        // 退出全屏
+                        onfullscreenExit: function () {
+                            vm.onfullscreenExit()
+                        },
 
                         // 监听更新，更新父组件值
                         onchange: function () {
@@ -165,7 +174,11 @@ export default {
             if (!this.isEditorLoadingCompleted()) {
                 return false
             }
+            if (newMarkdownCode.length == 0) {
+                editorClient.clear()
+            } else {
                 editorClient.setMarkdown(newMarkdownCode)
+            }
             return true
         },
         getMarkdownCode() {
@@ -184,5 +197,4 @@ export default {
 }
 </script>
 
-<style scoped>
-</style>
+<style scoped></style>