diff --git a/src/editor/html/wang-editor/wang-editor.scss b/src/editor/html/wang-editor/wang-editor.scss
index fbae961d5712701a40a9c5ef6673dd962b2ee92d..702b4a3e767a609ca5309203e3bcbda9935ede86 100644
--- a/src/editor/html/wang-editor/wang-editor.scss
+++ b/src/editor/html/wang-editor/wang-editor.scss
@@ -13,6 +13,7 @@ $html: (
     display: flex;
     flex-direction: column;
     height: 100%;
+    background-color: #{getCssVar(color, bg, 0)};
   }
 
   @include b(html-editor) {
@@ -49,19 +50,22 @@ $html: (
   }
 
   .w-e-scroll {
-    > div {
+    >div {
       background-color: getCssVar(color, bg, 0);
     }
   }
 }
+
 @include b('html-editor-readonly') {
   @include b('html-toolbar') {
     display: none;
   }
+
   @include b('html-editor') {
     border: none;
   }
 }
+
 @include b('html-footer') {
   display: flex;
   align-items: center;
@@ -69,7 +73,7 @@ $html: (
   margin-top: 12px;
   margin-right: 8px;
 
-  & > * + *{
+  &>*+* {
     margin-left: 16px;
   }
 
@@ -86,6 +90,7 @@ $html: (
       opacity: 1;
     }
   }
+
   @include e('save') {
     width: 96px;
     height: 36px;
@@ -101,6 +106,7 @@ $html: (
     }
   }
 }
+
 @include b('html-custom-toolbar') {
   display: flex;
   align-items: center;
@@ -110,7 +116,7 @@ $html: (
   padding-right: 16px;
   font-size: 16px;
 
-  & > * + *{
+  &>*+* {
     margin-left: 20px;
   }
 
@@ -122,14 +128,17 @@ $html: (
     }
   }
 }
+
 @include b('html-message') {
   width: 500px;
   max-width: unset;
+
   @include e('message-content') {
     @include m('message-tip') {
       color: #{getCssVar(color, text, 3)};
     }
   }
+
   @include e('message-cancel') {
     color: #{getCssVar(color, text, 1)};
     background-color: transparent;
@@ -139,6 +148,7 @@ $html: (
       background-color: transparent;
     }
   }
+
   @include e('message-comfire') {
     background-color: #{getCssVar(color, danger)} !important;
 
@@ -147,24 +157,30 @@ $html: (
     }
   }
 }
+
 @include b('html-dialog-full-screen') {
   height: 80%;
+
   @include b('html') {
     padding: 0 32px;
 
     --w-e-toolbar-bg-color: #{getCssVar(color, bg, 0)};
   }
+
   @include b('html-custom-toolbar') {
     height: 56px;
   }
+
   @include b('html-content') {
     height: calc(100% - 124px);
+
     @include b('html-editor') {
       height: 100% !important;
     }
   }
 }
+
 @include b('html-footer-dialog') {
   height: 68px;
   margin-top: 0;
-}
+}
\ No newline at end of file
diff --git a/src/editor/html/wang-editor/wang-editor.tsx b/src/editor/html/wang-editor/wang-editor.tsx
index dd0e4cd22d636c09cb7ecfbfb70be55297f5ab8c..8ba9fe8e8937429f07bac89eb7f3adf5b1b5c649 100644
--- a/src/editor/html/wang-editor/wang-editor.tsx
+++ b/src/editor/html/wang-editor/wang-editor.tsx
@@ -595,6 +595,7 @@ const IBizHtml = defineComponent({
       toolbarRef,
       isFullScreen,
       readonlyState,
+      changeFullScreenState,
     };
   },
   render() {
@@ -615,6 +616,7 @@ const IBizHtml = defineComponent({
         width='80%'
         top='10vh'
         class={this.ns.b('dialog-full-screen')}
+        onClose={() => this.changeFullScreenState()}
       >
         <div
           class={[