提交 f1b605cc 编写于 作者: KK's avatar KK

富文本测试

上级 f72a835b
...@@ -106,6 +106,7 @@ export const AppComponents = { ...@@ -106,6 +106,7 @@ export const AppComponents = {
// 下拉列表组件 // 下拉列表组件
v.component('app-history-list',() => import('@/components/app-history-list/app-history-list.vue')); 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
<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
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册