vue 使用quill富文本编辑器回显无样式问题

问题: 两个vue项目, 一个项目使用quill编辑内容然后发布, 另一个项目显示编辑的富文本,无法加载样式

  • 两个项目都需要安装
npm i quill@2.0.3 --save
  • 两个项目都需要在main.js引入样式
import "quill/dist/quill.core.css";
import "quill/dist/quill.snow.css";
  • 预览端设置, 添加类名ql-container ql-snow , ql-editor, 这样就能显示富文本里的样式了
<div class="ql-container ql-snow">
	<div class="ql-editor" v-html="contactContent"></div>
</div>

更多推荐