百度ueditor组件上传图片后自定义img标签里的属性
Ueditor编辑器在上传图片后,所插入的img标签中,title、alt属性设置的值可能不是我们希望的值,同时,当鼠标移到图片上时会出现title属性值的内容或者添加自定loading属性。此时,可通过修改ueditor.all.js文件中这几个属性的赋值内容,操作如下图所示:
//1.修改过滤
var notTransAttrs = {
'href':1,
'src':1,
'_src':1,
'_href':1,
'cdata_data':1,
'class':1,
'loading':1
};//2.修改回调
function callback(){
try{
var link, json, loader,
body = (iframe.contentDocument || iframe.contentWindow.document).body,
result = body.innerText || body.textContent || '';
json = (new Function("return " + result))();
link = me.options.imageUrlPrefix + json.url;
if(json.state == 'SUCCESS' && json.url) {
loader = me.document.getElementById(loadingId);
loader.setAttribute('src', link);
loader.setAttribute('_src', link);
loader.setAttribute('loading', 'lazy');
// loader.setAttribute('title', json.title || '');
loader.setAttribute('title', '');
loader.setAttribute('alt', json.original || '');
loader.removeAttribute('id');
domUtils.removeClasses(loader, 'loadingclass');
} else {
showErrorLoader && showErrorLoader(json.state);
}
}catch(er){
showErrorLoader && showErrorLoader(me.getLang('simpleupload.loadError'));
}
form.reset();
domUtils.un(iframe, 'load', callback);
}