百度富文本编辑器Ueditor上传图片时标签中添加宽高
2017-08-26 13:11
549 查看
主要解决:"<p><img src="http://********ueditor/jsp/upload/image/20170826/1503723619975098314.png" title="1503723619975098314.png"/></p>"
变成:
"<p><img src="http://********ueditor/jsp/upload/image/20170826/15724432738036393.png" title="1503724432738036393.png" width="300px" height="300px"/></p>"g" alt="2017-08-11_133534.png" width="274" height="253"/></p>"
ueditor.all.js中:直接搜索callback()
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); /*==================自己添加的代码====================*/ var width=''; var height=''; // 创建对象 var img = new Image(); // 设置图片的src img.src = link; //console.log("link:"+link); img.onload = function(){ console.log('width:'+img.width+',height:'+img.height); width=img.width; height=img.height; loader.setAttribute('width',width); loader.setAttribute('height',height); }; /*===================结束========================*/ loader.setAttribute('title', json.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); }
相关文章推荐
- Spring+SpringMVC+Mybatis整合百度富文本编辑器Ueditor,上传图片到阿里云OSS对象存储。
- 关于百度富文本编辑器ueditor的.NET版本地图片上传提示uploader类同时存在于两个dll中的解决方法
- 百度富文本编辑器UEditor1.3上传图片附件等
- 百度开源富文本编辑器 UEditor配置:图片上传和文件上传独立使用方法
- 百度的富文本编辑器UEditor批量添加图片自动加上宽度和高度的属性
- 改造百度UMeditor(UEditor-min)富文本编辑器的图片上传功能
- 为百度UEDITOR编辑器上传图片添加水印
- django 与 百度 ueditor 富文本编辑器集成之一:图片上传,文件上传
- 百度富文本编辑器UEditor1.3上传图片附件等
- MVC3.0下使用百度富文本编辑器ueditor1.3.6上传图片
- 百度ueditor组件上传图片后如何设置img标签里的src、title、alt等属性
- 百度富文本编辑器UEditor1.3上传图片附件等
- 改造百度UMeditor(UEditor-min)富文本编辑器的图片上传功能
- 关于百度富文本编辑器ueditor的.NET版本地图片上传提示uploader类同时存在于两个dll中的解决方法
- 解决ueditor百度富文本编辑器图片可以上传但是在线管理图片无法显示
- 百度富文本编辑器UEditor自定义上传图片接口
- 百度富文本编辑器UEditor的使用和他的图片上传
- 【ASP.NET】10.解决百度富文本编辑器UEditor本地上传图片正常,放到服务器上以后图片上传按钮变灰不能点击的问题
- ASP.NET百度Ueditor编辑器实现上传图片添加水印效果
- 百度Ueditor富文本编辑器上传图片