quill富文本编辑器的一些坑代码框无渲染无样式

quill富文本编辑器的一些坑代码框无渲染无样式

展示渲染,必须使用指定样式,并且父类容器也必须包含样式

<template>
  <el-card class="box-card ql-container ql-snow">
    <span style="font-weight: bold; font-size: 32px; margin: 10px 0px">{{ title }}</span>

    <div class="doc-content ql-editor" v-html="context"></div>
  </el-card>
</template>

<script>
import 'quill/dist/quill.core.css';
import 'quill/dist/quill.snow.css';
import 'quill/dist/quill.bubble.css';