lxd/FlowPacs
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

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

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

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
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
yudao-ui-admin/src/components/Editor/index.vue
View File

@ -84,7 +84,7 @@ export default {
], ],
}, },
placeholder: "请输入内容", placeholder: "请输入内容",
readOnly: this.readOnly, readOnly: true,
}, },
}; };
}, },
@ -123,6 +123,13 @@ export default {
init() { init() {
const editor = this.$refs.editor; const editor = this.$refs.editor;
this.Quill = new Quill(editor, this.options); this.Quill = new Quill(editor, this.options);
// 取消自动聚焦 start
this.$nextTick(()=>{
this.Quill.blur();
if(!this.readOnly){
this.Quill.enable();
}
});
// 如果设置了上传地址则自定义图片上传事件 // 如果设置了上传地址则自定义图片上传事件
if (this.type === 'url') { if (this.type === 'url') {
let toolbar = this.Quill.getModule("toolbar"); let toolbar = this.Quill.getModule("toolbar");