quill editor 内容显示


给容器增加一个class ql-editor,才能正常显示,另外前面是主题类名,不同的主题显示不同的样式

在main.js内引入

import VueQuillEditor from 'vue-quill-editor'
//一定要引入这三个css,不然文本编辑器会出现不规则黑白几何图形
//这三个css可以在main.js中引入,也可以在具体使用的.vue文件中引入
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import 'quill/dist/quill.min.js'

  

 
 
<div class="ql-container ql-snow">
<div class="ql-editor" v-html="this.questionItem[0].content">
</div>
</div>

我这边是snow,那么前缀就是ql-snow

v-html内容就是写进quill编辑器的内容




					


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM