no message

Former-commit-id: 196fc8db5a9a4e66b5f388d847b6c1306d8b7768
Former-commit-id: 91997cb1f13cb44bd1815495f931bf6a9e246b90
Former-commit-id: 63a20a9861a8ab059fd7feebca13a0a14c7dec50

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

@@ -0,0 +1,52 @@
+<template>
+  <Container type="ghost">
+    <el-card class="dd-mb">
+      <QuillEditor
+        style="min-height: 200px;"
+        v-model="value"
+        @text-change="textChangeHandler"
+        @selection-change="selectionChangeHandler"
+        @editor-change="editorChangeHandler">
+      </QuillEditor>
+    </el-card>
+    <p>输出</p>
+    <el-card>
+      <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>

src/pages/demo/components/editor/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>`

src/pages/demo/components/editor/simpleMDE/demo.vue

@@ -0,0 +1,12 @@
+<template>
+  <Container>
+    <PageHeader
+      slot="header"
+      title="基本示例"
+      url="https://github.com/sparksuite/simplemde-markdown-editor">
+    </PageHeader>
+    <div style="margin-bottom: -16px;">
+      <SimpleMDE></SimpleMDE>
+    </div>
+  </Container>
+</template>