Vue輕量級富文本編輯器-Vue-Quill-Editor

首先，要在vue ui 依賴中添加

 

 再點開 ‘查看詳情’去看使用方法

 

 

跳轉到git網站

https://github.com/surmon-china/vue-quill-editor#readme

以下為使用說明

import Vue from 'vue' import VueQuillEditor from 'vue-quill-editor' import 'quill/dist/quill.core.css' // import styles import 'quill/dist/quill.snow.css' // for snow theme import 'quill/dist/quill.bubble.css' // for bubble theme Vue.use(VueQuillEditor, /* { default global options } */)
引入及定義

 

 

在頁面中的使用  

<quill-editor v-model="addForm.goods_introduce"></quill-editor>

 

 

 

在網站顯示如下圖：