日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

monaco-editor 动态插入文本到光标处

發布時間:2024/3/24 编程问答 40 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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 动态插入文本到光标处的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。