富文本编辑器 禁止改变文本内容

最近做一个项目，用的是quill-editor编辑器，实现的效果是可以编辑样式，不能改变文本内容，百度了很多，都是连工具栏也禁用了，后来检查元素，看html原生代码，发现有一个contentEditable 属性，改为false就可以实现禁止编辑文本内容了，代码如下：

<quill-editor
	v-model="content"
	:options="editorOption"
	@focus="onFocus($event)"
></quill-editor>

mounted(){
	let quill = document.getElementsByClassName('ql-editor')[0]
	quill.contentEditable = false
}

这样就可以实现富文本编辑器，只禁止文本内容改变，不禁止工具栏的使用