diff --git a/src/pages/demo/components/editor/quill/demo.vue b/src/pages/demo/components/editor/quill/demo.vue
index f5b2d509..7e409259 100644
--- a/src/pages/demo/components/editor/quill/demo.vue
+++ b/src/pages/demo/components/editor/quill/demo.vue
@@ -1,6 +1,11 @@
 <template>
   <Container type="ghost">
     <el-card class="dd-mb">
+      <PageHeader
+        slot="header"
+        title="基本示例"
+        url="https://github.com/quilljs/quill">
+      </PageHeader>
       <QuillEditor
         style="min-height: 200px;"
         v-model="value"
@@ -9,8 +14,8 @@
         @editor-change="editorChangeHandler">
       </QuillEditor>
     </el-card>
-    <p>输出</p>
     <el-card>
+      <template slot="header">输出</template>
       <Highlight :code="formated"></Highlight>
     </el-card>
   </Container>
diff --git a/src/pages/demo/components/editor/simpleMDE/demo.vue b/src/pages/demo/components/editor/simpleMDE/demo.vue
index fe1fae68..9bc5d2fd 100644
--- a/src/pages/demo/components/editor/simpleMDE/demo.vue
+++ b/src/pages/demo/components/editor/simpleMDE/demo.vue
@@ -1,12 +1,15 @@
 <template>
-  <Container>
-    <PageHeader
-      slot="header"
-      title="基本示例"
-      url="https://github.com/sparksuite/simplemde-markdown-editor">
-    </PageHeader>
-    <div style="margin-bottom: -16px;">
-      <SimpleMDE></SimpleMDE>
-    </div>
+  <Container type="ghost">
+    <el-card class="dd-mb">
+      <PageHeader
+        slot="header"
+        title="基本示例"
+        url="https://github.com/sparksuite/simplemde-markdown-editor">
+      </PageHeader>
+      <SimpleMDE style="margin-bottom: -16px;"></SimpleMDE>
+    </el-card>
+    <el-card>
+      <template slot="header">输出</template>
+    </el-card>
   </Container>
 </template>