quill 富文本转义且样式不变？

        通常富文本编辑器中可编辑文字的各种样式，比如我通过填写富文本新增一篇文章，那么当我查看文章的时候肯定是查看文章的内容，而不是展示一个富文本，富文本中是我发表的文章。因此需要把富文本中的内容进行转义且不能丢失之前的样式。

        样式不丢失就不能用v-html，我用的是quill，代码如下： 

<!-- html部分 -->
<div
  class="editor ql-container ql-snow"
  ref="editor"
  style="min-height: 100px;border: none;"
>
  <div class="ql-editor" v-html='form.content'></div>
</div>

// js部分
import Quill from 'quill'

created() {
  this.init()
}

init () {
  const editor = this.$refs.editor;
  this.Quill = new Quill(editor);
}

这样就能实现转义富文本功能了，仅供参考。

前端小白积累经验篇~