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