富文本编辑器自动聚焦问题 update yudao-ui-admin/src/components/Editor/index.vue.

修复富文本编辑器自动聚焦问题;
思路:初始化时初始化只读模式的编辑器,因为只读模式的编辑器不会因为聚焦问题带跑滚动条,然后根据传递的是否只读参数设置编辑器是否启用。

Signed-off-by: zbk <540064991@qq.com>
This commit is contained in:
zbk 2023-06-01 03:57:13 +00:00 committed by Gitee
parent 382c3a4699
commit 51cf5b7c67
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F

View File

@ -84,7 +84,7 @@ export default {
],
},
placeholder: "请输入内容",
readOnly: this.readOnly,
readOnly: true,
},
};
},
@ -123,6 +123,13 @@ export default {
init() {
const editor = this.$refs.editor;
this.Quill = new Quill(editor, this.options);
// start
this.$nextTick(()=>{
this.Quill.blur();
if(!this.readOnly){
this.Quill.enable();
}
});
//
if (this.type === 'url') {
let toolbar = this.Quill.getModule("toolbar");