vue-quill-editor 富文本引入

1.npm 引入

npm install vue-quill-editor --save
npm install quill --save

2.main引入

import VueQuillEditor from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
Vue.use(VueQuillEditor)

3.页面引入

<quill-editor ref="myTextEditor" v-model="richText"></quill-editor>

 

4.效果图

5.quill-editor 回显不显示空格问题

　　quill-editor标签上加class="ql-editor"  同理<div class="ql-editor" v-html="value"></div>

　　

编辑器回显不显示空格问题

　　找到 node_modules/quill/dist/quill.js

　　将  const replaced = match.replace(/[^\\u00a0]/g, '');

　　改为 const replaced = match.replace(/[^\\u00a0]/g, ' ');  // 主要是加个空格