vue-quill-editor 的使用和渲染

假如你在你当前页面使用富文本编辑器
第一步：安装：npm install vue-quill-editor --save

第二部：引入：

import { quillEditor } from 'vue-quill-editor';

import 'quill/dist/quill.core.css';

import 'quill/dist/quill.snow.css';

import 'quill/dist/quill.bubble.css';

样式一定要引入啊，不然出现的画面是很乱的

export  default{

components:{

quillEditor

}

}

在页面中使用：说白了就是作为一个组件使用

<quill-editor

                v-model="mescontent"

                :options="editorOption"

              >

 </quill-editor>

传给数据库是一大堆带有html标记的数据，图片也是路径，怎么渲染展示呢？

不妨试试这样：

<div class="label">内容</div>

          <div

            v-html="detailData.content"

          ></div>

从后台获取数据平时我们都是这样渲染的{{detaildata.title}},以双大括号的形式进行渲染，现在的富文本编辑器要想正常显示，可以用v-html来进行渲染。