Merge pull request #7694 from dataease/pr@dev-v2@refactor_richtext

refactor: 富文本视图富文本组件进入编辑状态自动聚焦在文档末尾
This commit is contained in:
王嘉豪
2024-01-18 14:01:46 +08:00
committed by GitHub

View File

@@ -293,9 +293,29 @@ const reShow = () => {
editShow.value = false
nextTick(() => {
editShow.value = true
editCursor()
})
}
const editCursor = () => {
setTimeout(() => {
const myDiv = document.getElementById(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)
}
const calcData = (view: Chart, callback) => {
isError.value = false
if (view.tableId || view['dataFrom'] === 'template') {