ios 編輯器3-WKWebview插入網(wǎng)絡(luò)圖片不顯示問題
這個(gè)知識(shí)點(diǎn)歹垫，沒有太多話語權(quán)剥汤，因?yàn)椴]有找到根本原因，這個(gè)問題查了很多資料排惨，然而并沒有查到吭敢，所以，下面多留點(diǎn)關(guān)鍵詞暮芭，希望有這類問題的小伙伴能搜到這種實(shí)現(xiàn)方式：
WKWebview加載網(wǎng)絡(luò)圖片失敗
ios端html插入網(wǎng)絡(luò)圖片失敗
WKWebview網(wǎng)絡(luò)圖片的bug
WKWebview中js注入網(wǎng)絡(luò)圖片失敗
問題
組件化的實(shí)話鹿驼，插入一個(gè)file欲低，形如下面這種，app端是非常常用的ui組合畜晰，如果圖片是一個(gè)網(wǎng)絡(luò)圖片的話砾莱，就不顯示，很奇怪
file.png
nnhubbard/ZSSRichTextEditor 這個(gè)庫凄鼻，實(shí)測js動(dòng)態(tài)注入網(wǎng)絡(luò)圖片也是不顯示的
gcdwebserver方案
上篇說過了腊瑟，加載時(shí)候本地服務(wù)器模擬server資源加載
dom重新渲染
zss_editor.insertFile = function(url,title, message, thumbnailUrl) {
zss_editor.restorerange();
var html = ' <div class="file" data-file-url="'+url+'" onclick="FileClick(this)"><img id="imageSpan" src="'+thumbnailUrl+'" align="left" height="100" width="100" /><h3>'+title+'</h3><p>'+message+'</p></div> <br>';;
zss_editor.insertHTML(html);
}
zss_editor.replaceImageInFile = function(url, alt) {
var img = document.createElement('img');
img.setAttribute('src',url);
img.setAttribute('alt',alt);
img.setAttribute('align',"left");
img.setAttribute('height', 100);
img.setAttribute('width', 100);
document.getElementById('imageSpan').replaceWith(img);
}
zss_editor.insertHTML = function(html) {
document.execCommand('insertHTML', false, html);
}
app端的file類型：
網(wǎng)絡(luò)圖片不加載，并不是加載失敗块蚌，而是不加載闰非。ios就延遲加載，先插入dom峭范，延遲后再添加或替換img標(biāo)簽财松，觸發(fā)dom重新渲染，這樣就ok了
ios 編輯器1-基于WKWebview的編輯器技術(shù)方案
ios 編輯器2-基于wkwebview編輯器加載本地html資源
ios 編輯器4-基于wkwebview編輯器插入視頻文件封面問題
