• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    百度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功能示例
    上一篇:百度UEditor修改右下角统计字数包含html样式
    下一篇:解决FCKEditor在IE10、IE11下的不兼容问题
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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