您现在的位置是：网站首页> 编程资料编程资料
百度ueditor组件上传图片后如何设置img里的alt属性_网页编辑器_
2023-05-25
157人已围观
简介 百度ueditor组件上传图片后如何设置img里的alt属性_网页编辑器_
百度ueditor组件，使用上传图片后，自动将上传图片显示在编辑器中，也就是插入了一个标签。并设置了一个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功能示例
相关内容
- 百度UEditor修改右下角统计字数包含html样式_网页编辑器_
- UEditor编辑文章出现多余空行问题的解决办法_网页编辑器_
- ueditor1.2.1修改超链接默认值,ueditor编辑器新窗口打开连接_网页编辑器_
- dedecms ckeditor编辑器添加链接默认新窗口打开的修改方法_网页编辑器_
- fckeditor编辑器下的自定义分页符实现方法_网页编辑器_
- 让IE8和IE9支持eWebEditor在线编辑器的方法_网页编辑器_
- FCKeditor + SyntaxHighlighter 让代码高亮着色插件_网页编辑器_
- 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题_网页编辑器_
- 免费开源百度编辑器(UEditor)使用方法_网页编辑器_
- UEditor编辑器自定义上传图片或文件路径的修改方法_网页编辑器_
