百度ueditor组件上传图片后如何设置img里的alt属性
投稿:whsnow
百度ueditor组件,使用上传图片后,设置了一个alt属性,其值是上传图片时的本地路径,如果想更改的话可以参考下面的解决方法
百度ueditor组件,使用上传图片后,自动将上传图片显示在编辑器中,也就是插入了一个<img>标签。并设置了一个alt属性,其值是上传图片时的本地路径。暂时没发现哪里可以配置这个值。在查看发布的内容时,看到alt的值是一个磁盘路径,有点别扭。
可以在编辑完内容,保存到数据库时过滤下,修改alt的内容,也可以直接修改源码
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('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); }
您可能感兴趣的文章:
- 基于ThinkPHP5.0实现图片上传插件
- ThinkPHP5+Layui实现图片上传加预览功能
- thinkPHP5框架整合plupload实现图片批量上传功能的方法
- ThinkPHP5.0 图片上传生成缩略图实例代码说明
- thinkphp5上传图片及生成缩略图公共方法(分享)
- Thinkphp5+plupload实现的图片上传功能示例【支持实时预览】
- UEditor编辑器自定义上传图片或文件路径的修改方法
- ueditor编辑器不能上传图片问题的解决方法
- 关于UEditor编辑器远程图片上传失败的解决办法
- PHP结合Ueditor并修改图片上传路径
- YII中Ueditor富文本编辑器文件和图片上传的配置图文教程
- ThinkPHP5+UEditor图片上传到阿里云对象存储OSS功能示例