首页前端开发其他前端知识百度ueditor组件上传图片后如何设置img里的alt属性

百度ueditor组件上传图片后如何设置img里的alt属性

时间2024-02-10 12:24:02发布访客分类其他前端知识浏览478
导读:收集整理的这篇文章主要介绍了百度ueditor组件上传图片后如何设置img里的alt属性,觉得挺不错的,现在分享给大家,也给大家做个参考。 百度uedITor组件,使用上传图片后,自动将...
收集整理的这篇文章主要介绍了百度ueditor组件上传图片后如何设置img里的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功能示例

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 百度ueditor组件上传图片后如何设置img里的alt属性
本文地址: https://pptw.com/jishu/608355.html
百度UEditor修改右下角统计字数包含html样式 解决SyntaxHighlighter 代码高亮不换行问题的解决方法

游客 回复需填写必要信息