在ueditor编辑器的光标停留处插入内容
生活随笔
收集整理的這篇文章主要介紹了
在ueditor编辑器的光标停留处插入内容
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
業務場景:
????? 首先在ueditor編輯器中插入一段文本,然后我想在文本的某個位置(光標停留處)插入一個字符串,這個字符串是從頁面的其他地方選擇得來的。
????? 注意,當我們點擊ueditor編輯器以外的地方,編輯器會失去焦點,此時,我們會看不到編輯器編輯時閃爍的光標了。因此我們的做法是這樣的:
UE.getEditor('editor').focus(); UE.getEditor('editor').execCommand('inserthtml','{'+funcName+'}');?我們先獲得編輯器的焦點,然后將頁面其他地方選擇得來的字符串(funcName)通過inserthtml命令插入到編輯器的文本中,此時它插入的位置是開始我們編輯過程中光標最后停留的位置,完成業務需求。
?另外,再介紹一種編輯器添加內容的方法
UE.getEditor('editor').setContent('{'+funcName+'}',true);通過方法setContent實現,它有兩個參數,第一個是要添加的內容,第二個設置為true(表示是追加)。這個方法的不足是每次追加的內容都是在原來文本之后,并且還是另起一行顯示。所以用我們開始說的方法,更貼近實際需求。
?
轉載于:https://www.cnblogs.com/zhangchengbing/p/6092522.html
總結
以上是生活随笔為你收集整理的在ueditor编辑器的光标停留处插入内容的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 程序员为什么不会修电脑?
- 下一篇: struts2之OGNL用法