通常富文本编辑器中可编辑文字的各种样式,比如我通过填写富文本新增一篇文章,那么当我查看文章的时候肯定是查看文章的内容,而不是展示一个富文本,富文本中是我发表的文章。因此需要把富文本中的内容进行转义且不能丢失之前的样式。
样式不丢失就不能用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);
}
这样就能实现转义富文本功能了,仅供参考。
前端小白积累经验篇~