no message

Former-commit-id: 38f7d02f8ce18ee237d392d635b7fbb82b2f83d4
Former-commit-id: 4a9a3898e1c48874ee6c58dfb9cd65bf20f76a76
Former-commit-id: c0446711f6df1e2918381e95e767872cff252f58

src/pages/demo/plugins/quill/demo.vue

@@ -0,0 +1,51 @@
+<template>
+  <Container type="ghost">
+    <el-card class="mb">
+      <QuillEditor
+        style="min-height: 200px;"
+        v-model="value"
+        @text-change="textChangeHandler"
+        @selection-change="selectionChangeHandler"
+        @editor-change="editorChangeHandler">
+      </QuillEditor>
+    </el-card>
+    <el-card>
+      <Highlight :code="formated"></Highlight>
+    </el-card>
+  </Container>
+</template>
+
+<script>
+import formator from '@/assets/library/tool/format.js'
+import value from './value'
+export default {
+  data () {
+    return {
+      formator,
+      value
+    }
+  },
+  computed: {
+    formated () {
+      return formator(this.value)
+    }
+  },
+  methods: {
+    textChangeHandler (delta, oldDelta, source) {
+      // console.group('QuillEditor textChangeHandler')
+      // console.log(delta, oldDelta, source)
+      // console.groupEnd()
+    },
+    selectionChangeHandler (range, oldRange, source) {
+      // console.group('QuillEditor selectionChangeHandler')
+      // console.log(range, oldRange, source)
+      // console.groupEnd()
+    },
+    editorChangeHandler (eventName, ...args) {
+      // console.group('QuillEditor editorChangeHandler')
+      // console.log(eventName, args)
+      // console.groupEnd()
+    }
+  }
+}
+</script>

src/pages/demo/plugins/quill/value.js

@@ -0,0 +1,6 @@
+export default `<p>
+<a href="https://github.com/FairyEver/d2admin-vue-element" target="_blank" class="ql-size-large" style="color: rgb(65, 184, 131);"><strong>D2 Admin</strong></a>
+<strong style="color: rgb(65, 184, 131);"></strong>
+by
+<a href="https://cn.vuejs.org/" target="_blank" class="ql-size-large" style="color: rgb(65, 184, 131);"><strong>vue.js</strong></a>
+</p>`