dongjunchuan/de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #7693 from dataease/pr@dev@refactor_rich-text

Browse Source 
refactor(仪表板): 富文本视图富文本组件进入编辑状态自动聚焦在文档末尾
This commit is contained in:
王嘉豪 2024-01-18 13:46:18 +08:00 committed by GitHub
commit e5a5d3d580
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 40 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
core/frontend/src/components/canvas/customComponent/DeRichText.vue
View File

@ -164,7 +164,27 @@ export default {
this.editShow = false
this.$nextTick(() => {
this.editShow = true
this.editCursor()
})
},
editCursor() {
setTimeout(() => {
const myDiv = document.getElementById(this.tinymceId)
// 让光标聚焦到文本末尾
const range = document.createRange()
const sel = window.getSelection()
if (myDiv.childNodes) {
range.setStart(myDiv.childNodes[myDiv.childNodes.length - 1], 1)
range.collapse(false)
sel.removeAllRanges()
sel.addRange(range)
}
// 对于一些浏览器，可能需要设置光标到最后的另一种方式
if (myDiv.focus) {
myDiv.focus()
}
}, 100)
}
}
}

20
core/frontend/src/components/canvas/customComponent/DeRichTextView.vue
View File

@ -239,8 +239,28 @@ export default {
this.editShow = false
this.$nextTick(() => {
this.editShow = true
this.editCursor()
})
},
editCursor() {
setTimeout(() => {
const myDiv = document.getElementById(this.tinymceId)
// 让光标聚焦到文本末尾
const range = document.createRange()
const sel = window.getSelection()
if (myDiv.childNodes) {
range.setStart(myDiv.childNodes[myDiv.childNodes.length - 1], 1)
range.collapse(false)
sel.removeAllRanges()
sel.addRange(range)
}
// 对于一些浏览器，可能需要设置光标到最后的另一种方式
if (myDiv.focus) {
myDiv.focus()
}
}, 100)
},
chartResize() {
// ignore
}