富文本编辑器-Quill

快速开始（QuickStart） | Quill中文文档https://kang-bing-kui.gitbook.io/quill/wen-dang-document/quickstart1.安装Quill

npm install @vueup/vue-quill@latest --save

2.导入组件和样式

import { QuillEditor } from '@vueup/vue-quill'
import '@vueup/vue-quill/dist/vue-quill.snow.css'

3.页面长使用quill组件

<quill-editor
    theme="snow"
    v-model:content="articleModel.content"
    contentType="html"
    >
</quill-editor>

4.样式美化

.editor {
    width: 100%;
    :deep(.ql-editor) {
        min-height: 200px;
    }
}