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