富文本测试

src/app-register.ts

@@ -106,6 +106,7 @@ export const AppComponents = {
         // 下拉列表组件
         v.component('app-history-list',() => import('@/components/app-history-list/app-history-list.vue'));
         // 富文本
-        v.component('quill-editor1',() => import('@/components/vue-quill-editor/src/editor.vue'));
+        v.component('quill-editor',() => import('@/components/vue-quill-editor/src/editor.vue'));
+        v.component('app-mob-rich-text-editor',() => import('@/components/app-mob-rich-text-editor/app-mob-rich-text-editor.vue'));
     },
 };
\ No newline at end of file

src/components/app-mob-rich-text-editor/app-mob-rich-text-editor.vue

+<template>
+    <quill-editor class="quill-editor"
+                v-model="messages"
+                ref="myQuillEditor"
+                @blur="onEditorBlur"
+                @focus="onEditorFocus"
+                style="height:calc(100% - 110px)"
+                @ready="onEditorReady">
+      </quill-editor>
+</template>
+<script lang = 'ts'>
+import { Vue, Component, Prop, Model, Watch } from 'vue-property-decorator';
+@Component({})
+export default class AppRichTextEditor extends Vue {
+
+    /**
+     * 值
+     *
+     * @type {*}
+     * @memberof AppPicker
+     */
+    @Model('change') public value?: any;
+
+
+    public messages = "";
+
+    public   onEditorBlur() {
+      }
+
+    public  onEditorFocus(){
+  
+      }
+
+     public onEditorReady(){
+      }
+
+}
+</script>
+<style lang="less">
+.quill-editor{
+    -webkit-touch-callout: text !important;
+    -webkit-user-select: text !important;
+    -khtml-user-select: text !important;
+    -moz-user-select :text !important;
+    -ms-user-select: text !important;
+}
+</style>
\ No newline at end of file