vue-quill-editor点击超链接时弹窗遮挡的问题
正常应该是这样的当点击最左边的文字时是这样的下面介绍我的解决办法点击超链接时,触发了quill的blur事件,在blur事件中找到弹窗的dom,当弹窗的left为负数时,给它的left置为0,代码如下onEditorBlur(quill) {console.log("editor blur!", quill);let e = document.querySelector('.ql-tooltip,
·
正常应该是这样的
当点击最左边的文字时是这样的
下面介绍我的解决办法
点击超链接时,触发了quill的blur事件,在blur事件中找到弹窗的dom,当弹窗的left为负数时,给它的left置为0,代码如下
onEditorBlur(quill) {
console.log("editor blur!", quill);
let e = document.querySelector('.ql-tooltip,.ql-editing')
if(e){
let left = e.style.left
if(left.indexOf('-') === 0){
e.style.left = 0
}
}
},
更多推荐
已为社区贡献2条内容
所有评论(0)