首頁 >web前端 >js教程 >富文本中如何選擇一個圖片插入編輯器(附程式碼)

富文本中如何選擇一個圖片插入編輯器(附程式碼)

不言
不言原創
2018-08-25 13:45:292800瀏覽

這篇文章帶給大家的內容是關於富文本中如何選擇一個img插入編輯器(附程式碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

我在是在編輯器上呼叫一個彈出層,請求到圖片資料之後,如何把選擇的圖片插入到編輯器

富文本中如何選擇一個圖片插入編輯器(附程式碼)

點擊圖片獲得圖片li裡的

 //监听li点击事件
          $("#yun").on("click",'li',function(e){
            var alt=e.target.alt
            callback && callback({
              src: img
              ,alt: alt
            });
            //关闭云盘
            layer.close(index);
          })

打印console.log(ehtml)獲得如下結構

<img src="//www.×××.cn/upload/company/banner/201806302108090467.jpg" alt="201806302108090467.jpg">

我想把這個插入圖片,變得像插入表情一樣方便,點選編輯器任意位置,可插入此圖片。

相關推薦:

使用富文本編輯器上傳圖片彈出層的程式碼實作

javascript如何實作刪除表格中勾選的行(程式碼)

#

以上是富文本中如何選擇一個圖片插入編輯器(附程式碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn