no message

Former-commit-id: f0207a1b3d4a0b29e414db4e6b7162631f0521ca
Former-commit-id: 6c35c139c51e3077b285c7b2e7c64c197d5165f4
Former-commit-id: 082fdb8222ff834150dee83fbf18d2a3b5369003

src/pages/demo/components/editor-quill/index.vue

@@ -0,0 +1,57 @@
+<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"
+        @text-change="textChangeHandler"
+        @selection-change="selectionChangeHandler"
+        @editor-change="editorChangeHandler">
+      </QuillEditor>
+    </el-card>
+    <el-card>
+      <template slot="header">输出</template>
+      <Highlight :code="formated"></Highlight>
+    </el-card>
+  </Container>
+</template>
+
+<script>
+import htmlFormat from '@/utils/htmlFormat.js'
+import value from './value'
+export default {
+  data () {
+    return {
+      htmlFormat,
+      value
+    }
+  },
+  computed: {
+    formated () {
+      return htmlFormat(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>