js html 编辑器添加图片不显示,ios 编辑器3-基于wkwebview编辑器插入网络图片不显示问题...

ios 编辑器3-WKWebview插入网络图片不显示问题

这个知识点，没有太多话语权，因为并没有找到根本原因，这个问题查了很多资料，然而并没有查到，所以，下面多留点关键词，希望有这类问题的小伙伴能搜到这种实现方式：

WKWebview加载网络图片失败

ios端html插入网络图片失败

WKWebview网络图片的bug

WKWebview中js注入网络图片失败

问题

组件化的实话，插入一个file，形如下面这种，app端是非常常用的ui组合，如果图片是一个网络图片的话，就不显示，很奇怪

file.png

gcdwebserver方案

上篇说过了，加载时候本地服务器模拟server资源加载

dom重新渲染

zss_editor.insertFile = function(url,title, message, thumbnailUrl) {

zss_editor.restorerange();

var html = ' 

'+title+'

'+message+'

 
';;

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类型：

网络图片不加载，并不是加载失败，而是不加载。ios就延迟加载，先插入dom，延迟后再添加或替换img标签，触发dom重新渲染，这样就ok了