【基礎(chǔ)版本2.80】 富文本editor支持云圖路徑
**首先在未修復(fù)之前唉工,富文本是不支持云圖片路徑(File ID)寇漫,解決辦法是將云圖路徑(File ID)替換成云圖片下載地址方可顯示
下載地址后面的?sign=fd44b86c2d15a4838267a7719e1681f7&t=1567137915是可以省略不影響圖片顯示,這樣你就會(huì)發(fā)現(xiàn) 下載地址與File ID 大致是一樣的,所以我們通過(guò)替換File ID成下載地址
let regsrc = cloudimg[0],
imgReg = new RegExp('cloud://你的File ID 格式'),
imgsrc = regsrc.replace(imgReg, 'https://下載格式.tcb.qcloud.la');
替換后返回成HTML格式:
<p><img src="https://xxxxxx.tcb.qcloud.la/temp/1567137350921.jpg"></p>
在2.80之前如果不替換為下載地址應(yīng)該是這樣的(不會(huì)顯示圖片)
<p><img src="cloud://xxxxxx/temp/1567137350921.jpg"></p>
下面看基礎(chǔ)版本2.80支持富文本編輯顯示云圖片id(File ID),既然支持了我們就不需要將File ID替換成下載地址斋竞,先看一下返回html結(jié)果。
<p><img data-cloud="cloud://xxxxxx/temp/1567136413853.jpg" src="https://xxxxxx/temp/1567136413853.jpg"></p>
通過(guò)以上結(jié)果你會(huì)發(fā)現(xiàn),img 多了一個(gè)屬性data-cloud(記錄云File ID),src已經(jīng)幫我們自動(dòng)替換好了应狱!
說(shuō)明2.80富文本編輯器支持顯示云圖片,修復(fù)的方案跟我們手動(dòng)替換地址是一樣的。
我需要代碼改寫(xiě)地方
1. 富文本edito 不在將cloud:// xxxx
換成下載地址https://xxxxx
2. 找出html內(nèi)容的圖片地址祠丝,正則里不再使用找src而是找cloud疾呻,因?yàn)檫@里data-cloud里的內(nèi)容是我需要的
//srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i, //匹配src屬性
srcReg = /cloud=[\'\"]?([^\'\"]*)[\'\"]?/i, //匹配cloud屬性
未修復(fù)【基礎(chǔ)版本2.80】 富文本editor真機(jī)不支持顯示本地路徑圖片
未修復(fù)【基礎(chǔ)版本2.80】 富文本editor沒(méi)有圖片刪除的對(duì)應(yīng)的Api