From 903d62c01231a453904a8374cb95c340edb198d3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=9D=A8?= <1711467488@qq.com>
Date: Tue, 16 Jan 2018 16:02:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=8C=E6=96=87=E6=9C=AC=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E5=99=A8=E7=BB=93=E6=9E=9C=E6=A0=BC=E5=BC=8F=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Former-commit-id: 8396ff85368638200e44ccb21d8ec32081563908
Former-commit-id: fae52c391ca954e5772f44793fde1805a6561bb4
Former-commit-id: 2f60a6d5371e98bb4f1152d41937f9fceedcc6be
---
 src/pages/demo/plugins/quill-editor/demo.vue     | 16 +++++++++++++---
 .../plugins/quill-editor/fn.js.REMOVED.git-id    |  1 +
 src/pages/demo/plugins/quill-editor/value.js     |  9 +++++++++
 3 files changed, 23 insertions(+), 3 deletions(-)
 create mode 100644 src/pages/demo/plugins/quill-editor/fn.js.REMOVED.git-id
 create mode 100644 src/pages/demo/plugins/quill-editor/value.js

diff --git a/src/pages/demo/plugins/quill-editor/demo.vue b/src/pages/demo/plugins/quill-editor/demo.vue
index 51e0487d..df896e70 100644
--- a/src/pages/demo/plugins/quill-editor/demo.vue
+++ b/src/pages/demo/plugins/quill-editor/demo.vue
@@ -1,22 +1,32 @@
 <template>
   <Container type="ghost">
-    <el-card>
+    <el-card class="mb">
       <QuillEditor
         v-model="value"
         @text-change="textChangeHandler"
         @selection-change="selectionChangeHandler"
         @editor-change="editorChangeHandler">
       </QuillEditor>
-      {{value}}
+    </el-card>
+    <el-card>
+      <Highlight :code="format"></Highlight>
     </el-card>
   </Container>
 </template>
 
 <script>
+import HTMLFormat from './fn'
+import value from './value'
 export default {
   data () {
     return {
-      value: '<p><strong style="background-color: rgb(240, 102, 102); color: rgb(255, 255, 255);">Hello</strong> <strong style="color: rgb(255, 255, 255); background-color: rgb(102, 163, 224);">World</strong></p>'
+      HTMLFormat,
+      value
+    }
+  },
+  computed: {
+    format () {
+      return HTMLFormat(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
new file mode 100644
index 00000000..8f465d9d
--- /dev/null
+++ b/src/pages/demo/plugins/quill-editor/fn.js.REMOVED.git-id
@@ -0,0 +1 @@
+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
new file mode 100644
index 00000000..3d56e215
--- /dev/null
+++ b/src/pages/demo/plugins/quill-editor/value.js
@@ -0,0 +1,9 @@
+export default `<p>
+<strong class="ql-size-large" style="color: rgb(0, 138, 0);">
+  D2 Admin
+</strong>
+by
+<strong class="ql-size-large" style="color: rgb(0, 138, 0);">
+  vue.js
+</strong>
+</p>`