2. 程式人生 > >在ueditor編輯器的游標停留處插入內容

在ueditor編輯器的游標停留處插入內容

阿新 • • 發佈：2019-01-01

業務場景：

      首先在ueditor編輯器中插入一段文字，然後我想在文字的某個位置（游標停留處）插入一個字串，這個字串是從頁面的其他地方選擇得來的。

      注意，當我們點選ueditor編輯器以外的地方，編輯器會失去焦點，此時，我們會看不到編輯器編輯時閃爍的游標了。因此我們的做法是這樣的：

UE.getEditor('editor').focus();
UE.getEditor('editor').execCommand('inserthtml','{'+funcName+'}');
      我們先獲得編輯器的焦點，然後將頁面其他地方選擇得來的字串（funcName）通過inserthtml命令插入到編輯器的文字中，此時它插入的位置是開始我們編輯過程中游標最後停留的位置，完成業務需求。

      另外，再介紹一種編輯器新增內容的方法

UE.getEditor('editor').setContent('{'+funcName+'}',true);
      通過方法setContent實現，它有兩個引數，第一個是要新增的內容，第二個設定為true(表示是追加)。這個方法的不足是每次追加的內容都是在原來文字之後，並且還是另起一行顯示。所以用我們開始說的方法，更貼近實際需求。

相關推薦

在ueditor編輯器的游標停留處插入內容

業務場景：       首先在ueditor編輯器中插入一段文字，然後我想在文字的某個位置（游標停留處）插入一個字串，這個字串是從頁面的其他地方選擇得來的。       注意，當我們點選ueditor編輯器以外的地方，編輯器會失去焦點，此時，我們會看不到編輯器編輯時閃爍的游

向html編輯器游標所在處插入圖片

<textarea id="content" name="content" style="display:none"></textarea> <iframe id="myEditor" src="Edit/editor.htm?id=conte

頁面插入百度UEditor編輯器

height blog 含義 復制 保留 了解 com mat ext 工作中用到了百度的富文本。以下總結記錄一下，UEditor嵌入網頁的方法。 第一步 到百度UEditor官網下載所需版本：http://ueditor.baidu.com/website 本次下載

jQuery怎麼獲取到富文字ueditor編輯器裡面的文字和圖片內容

1、建立編輯器 UE.getEditor('editor', { initialFrameWidth:"100%" //初始化選項 }) 精簡版 UE.getEditor('editor') 2、刪除編輯器 UE.getEditor('editor').destroy(); 3、

解決織夢替換ueditor編輯器後欄目與單頁無法儲存內容

織夢的預設編輯器是ckeditor，沒有插入程式碼的功能，不夠強大，就換成了百度的UEditor編輯器。 使用織夢DedeCMS百度整合UEditor編輯器時，碰到了欄目內容或者單頁無法儲存的問題，這個可能是一個bug。   解決的方法就一種，具體修改的檔案是templets_one_edit

解決織夢替換ueditor編輯器後欄目與單頁無法保存內容

代碼 編輯 orm 解決 替換 一個bug for temp templet 織夢的默認編輯器是ckeditor，沒有插入代碼的功能，不夠強大，就換成了百度的UEditor編輯器。 使用織夢DedeCMS百度整合UEditor編輯器時，碰到了欄目內容或者單頁無法保存的問題，

js 在游標處插入內容

<!doctype html> <html> <head> <meta charset="utf-8"> <title>無標題文件</title> </head>   <body> <sc

關於ueditor編輯器外掛的使用記錄 --- 解決"後端配置項沒有正常載入，上傳外掛不能正常使用"上傳圖片處的問題

Ueditor解壓後的檔案應當直接放在www根目錄下,且檔名更改為ueditor 後開啟遊覽器訪問: http://localhost/ueditor/demo.html (先確保demo.htm

解決UEditor編輯器無法插入第三方視訊地址

xssFilter導致插入視訊異常，編輯器在切換原始碼的過程中過濾掉img的_url屬性（用來儲存視訊url）_src/plugins/video.js裡處理的是_url，而不是_src。 1、在配置檔案ueditor.config.js中，定位 //xss過

ThinkPHP5獲取UEditor編輯器文字內容的問題把html標籤顯示出來了(html標籤沒解析)

後臺用到百度的UEditor編輯器的時候出現的問題，新增的時候好還是正常的，但是修改文章內容時出現HTML標籤沒解析的情況，感覺是UEditor的一個小BUG啊，只能百度找答案了 <script id="container" name="body" type="t

ueditor編輯器內容高度太多，出現滾動條怎麼解決

ueditor編輯器，如果內容很長，預設設定的編輯器會根據內容拉長,比如輸入很多回車了就變得很醜 解決辦法： 在config.js檔案中，修改autoHeightEnabled: false,預設是 true 改成false 即可。 對比一下：  改之前：

ueditor編輯器內容高度太多，怎麼出現滾動條

在開發網站的時候，有的頁面需要載入ueditor編輯器，如果內容很長，預設設定的時候編輯器會根據內容拉長， 而不是頁面出現滾動條，如果拖動頁面滾條，會比較麻煩，要拖動很長才能看到提交按鈕。 如何才能讓編輯輯器出現滾動條？ 設定方法： 在編輯器目錄下的co

實用jquery擴充套件收集（1）：在游標處插入內容 和 獲取textarea選中的值

1 $.fn.selection = function(){ 2 var s,e,range,stored_range; 3 if(this[0].selectionStart == undefined){ 4 var selection=do

關於百度富文本編輯器UEdit的初始化內容失敗問題

ueditor 跳過 .get {} ted span 找到 百度富文本編輯器 關於 百度富文本編輯器毫無疑問是強大的，但也會出問題。這個問題是在腳本中普遍存在的，由異步性導致的加載順序問題。 我們使用 var ue = UE.getEditor(‘editor‘, {}

在UEditor編輯器的工具欄上加一行文字

文字 asc ava html blog 編輯 fun 功能 round <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="tex

UEditor編輯器第一次賦值失敗的解決方法

var con 方法 方式 定義 tco 初始化 ren 失敗 網上查了很多方式都不是很好用，最後想到了這樣的處理方式 首先在js中定義一個全局變量 var ue = null; 然後在初始化顯示編輯器的時候js這樣寫 if (ue == null) {

vue中使用Ueditor編輯器

main path 實例化 server 圖片 打開 ttext name file 　　一、 下載包： 　　　　從Ueditor的官網下載1.4.3.3jsp版本的Ueditor編輯器，官網地址為： 　　　　　　http://ueditor.baidu.com/web

解決ueditor編輯器圖片在線管理圖片無法顯示

har equal bar fix cati img nbsp set mod 使用ueditor，點擊在線管理，服務器圖片路徑顯示不正確，如下圖所示 查看源碼，如下： 發現圖片src中中間多了一長串的項目跟路徑，解決的辦法是 把 jsp/controller.jsp

百度Ueditor編輯器的Html模式自動替換樣式的解決方法

tor tail classname 功能 lai empty als 包含 emp 百度的Ueditor編輯器出於安全性考慮，用戶在html模式下粘貼進去的html文檔會自動被去除樣式和轉義。雖然安全的，但是非常不方便。 做一下修改把這個功能去掉。 一、打開ueditor

ueditor 編輯器常用方法

center 行間距 merge nehe 鏈接 排版 raft subscript 圖片 官方文檔http://fex.baidu.com/ueditor/ 簡單實現工具欄調用： //實現方法 ue.getDialog("工具名稱"); //工具名稱可以