diff --git a/src/assets/library/tool/format.js.REMOVED.git-id b/src/assets/library/tool/format.js.REMOVED.git-id
new file mode 100644
index 00000000..e584d434
--- /dev/null
+++ b/src/assets/library/tool/format.js.REMOVED.git-id
@@ -0,0 +1 @@
+770af54da1a6e44b05382c9d304243620d6da715
\ No newline at end of file
diff --git a/src/pages/demo/plugins/quill-editor/demo.vue b/src/pages/demo/plugins/quill-editor/demo.vue
index df896e70..30b24207 100644
--- a/src/pages/demo/plugins/quill-editor/demo.vue
+++ b/src/pages/demo/plugins/quill-editor/demo.vue
@@ -2,6 +2,7 @@
   <Container type="ghost">
     <el-card class="mb">
       <QuillEditor
+        style="min-height: 200px;"
         v-model="value"
         @text-change="textChangeHandler"
         @selection-change="selectionChangeHandler"
@@ -9,24 +10,24 @@
       </QuillEditor>
     </el-card>
     <el-card>
-      <Highlight :code="format"></Highlight>
+      <Highlight :code="formated"></Highlight>
     </el-card>
   </Container>
 </template>
 
 <script>
-import HTMLFormat from './fn'
+import formator from '@/assets/library/tool/format.js'
 import value from './value'
 export default {
   data () {
     return {
-      HTMLFormat,
+      formator,
       value
     }
   },
   computed: {
-    format () {
-      return HTMLFormat(this.value)
+    formated () {
+      return formator(this.value)
     }
   },
   methods: {
diff --git a/src/pages/demo/plugins/quill-editor/fn.js.REMOVED.git-id b/src/pages/demo/plugins/quill-editor/fn.js.REMOVED.git-id
deleted file mode 100644
index 8f465d9d..00000000
--- a/src/pages/demo/plugins/quill-editor/fn.js.REMOVED.git-id
+++ /dev/null
@@ -1 +0,0 @@
-b18165d6428d78e9e4430801d1ba8f34d558c23b
\ No newline at end of file
diff --git a/src/pages/demo/plugins/quill-editor/value.js b/src/pages/demo/plugins/quill-editor/value.js
index 3d56e215..c1dff238 100644
--- a/src/pages/demo/plugins/quill-editor/value.js
+++ b/src/pages/demo/plugins/quill-editor/value.js
@@ -1,9 +1,9 @@
-export default `<p>
-<strong class="ql-size-large" style="color: rgb(0, 138, 0);">
+export default `<p class="ql-align-center">
+<strong class="ql-size-large" style="color: rgb(65, 184, 131);">
   D2 Admin
 </strong>
 by
-<strong class="ql-size-large" style="color: rgb(0, 138, 0);">
+<strong class="ql-size-large" style="color: rgb(65, 184, 131);">
   vue.js
 </strong>
 </p>`