富文本的使用方法

57 阅读1分钟

引用 import { quillEditor } from "vue-quill-editor"; 注册 components: {quillEditor,}, 使用 <quillEditor v-model="formData.gNewsItem.remarks" @focus="focus($event)"/>

//在查看的时候设置富文本编辑器不可以编辑
public focus(event) {
event.enable(false); //设置富文本编辑器不可编辑

}

查看时候去掉富文本编辑器的头样式

::v-deep .ql-container.ql-snow { border: unset; } ::v-deep .ql-toolbar.ql-snow { display: none; }