vue-quill-editor 使用詳細講解步驟 小白使用方法

下載   npm install vue-quill-editor --save

然后在main.js里面引入
/富文本編輯器
import VueQuillEditor from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import '@/styles/index.scss' // global css
Vue.use(VueQuillEditor)

 

在組件使用方法
<quill-editor class="appwrapper"
v-if="quillshow"
v-model="content"
ref="myQuillEditor"
:options="editorOption"
@blur="onEditorBlur($event)"
@focus="onEditorFocus($event)"
@change="onEditorChange($event)">
</quill-editor>

 

遇到的問題  就是在顯示的時候 會出現P 標簽 

 

修改字體成中文

 

有償解決 ：121661440