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

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

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

  2021-03-19 我要评论
想了解百度ueditor组件上传图片后怎样设置img里的alt属性的相关内容吗,在本文为您仔细讲解ueditor上传图片设置alt的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点: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);
}

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们