文章内容需要使用开源的富文本编辑器Quill
npm install @vueup/vue-quill@latest --save
1、页面上使用quill组件:
import { QuillEditor } from '@vueup/vue-quill'
import '@vueup/vue-quill/dist/vue-quill.snow.css'
2、视频资料链接:
实战篇-79_大事件_添加文章_页面搭建_哔哩哔哩_bilibilis
3、div页面这样写
<div class="editor"> <quill-editor theme="snow" v-model:content="formModel.content" contentType="html"> </quill-editor> </div>
4、要想正常展示还需要对应的样式:
.editor { width: 100%; :deep(.ql-editor){ min-height: 200px; } }