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

2023-12-05 0 396

百度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功能示例

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悠久资源 网页编辑器 百度ueditor组件上传图片后如何设置img里的alt属性 https://www.u-9.cn/biancheng/bianji/97712.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务