quill-editor在vue中展示的样式问题

quill-editor在main.js中引用import VueQuillEditor from 'vue-quill-editor'Vue.use(VueQuillEditor)import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.cs...

偷走你的笑

4041人浏览 · 2019-06-28 10:20:02

偷走你的笑 · 2019-06-28 10:20:02 发布

quill-editor在main.js中引用

import VueQuillEditor from 'vue-quill-editor'

Vue.use(VueQuillEditor)

import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'

如果需要展示内容，要用一下方法包裹。

<div class="ql-container ql-snow">
    <div class="ql-editor" v-html="content">
    </div>
</div>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^