monaco-editor 动态插入文本到光标处
生活随笔
收集整理的這篇文章主要介紹了
monaco-editor 动态插入文本到光标处
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
為了實現拖拽素材內容可以自動添加到正在編輯的文本中,需要獲取光標所在位置,加入內容后,光標要能夠恢復到正確位置中
代碼如下:
// manacoEditor 為 實例對象 // 1 獲取光標位置 const position = manacoEditor.getPosition() const insertText = '要插入的內容' // 2 插入 manacoEditor.executeEdits('', [{range: new manaco.Range(position.lineNumber, position.column, position.lineNumber, position.column),text: insertText} ]) // 3 設置新的光標位置 manacoEditor.setPosition(position.lineNumber, position.column + insertText.length) // 4 聚焦 manacoEditor.focus()如果單純只是 使用setPosition(),是無法回顯閃動的光標的,因為拖拽的時候 編輯器已經失去了焦點,所以還要加一步 focus(),保證編輯器重新聚焦。
總結
以上是生活随笔為你收集整理的monaco-editor 动态插入文本到光标处的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: leetcode_885. 螺旋矩阵 I
- 下一篇: 移动管家汽车tbox车联网终端多种车型共