飘易博客(作者:Flymorn)
订阅《飘易博客》RSS,第一时间查看最新文章!
飘易首页 | 留言本 | 关于我 | 订阅Feed

百度ueditor编辑器的图片添加alt标签

Author:飘易 Source:飘易
Categories:电脑技术 PostTime:2013-8-8 20:45:00
正 文:
   百度的可见即所得编辑ueditor功能不错,但是在插入远程图片时,描述部分仅仅对应图片的title标签,而图片的alt标签并没有设置的地方,大家也许知道对于SEO来说,图片的alt标签非常重要。因此,我们需要为图片增加alt,具体值可以直接设置成和title一样的。
百度ueditor编辑器的图片添加alt标签

    修改方法 :
打开editor.js文件(不同的版本该文件名可能不同,比如ueditor.all.js)

第一步,找到以下代码:
(ci.alt && ci.alt != "" ? ' alt="' + ci.alt + '"' : '') +

改成:
(ci.title != "" ? ' alt="' + ci.title + '"' : '') +

第二步,找到:
(ci.title ? ' title="' + ci.title + '"' : '') +

改成:
(ci.title || ci.alt ? ' title="' + ci.title + '" alt="' + ci.title + '"' : '') +

   做了以上的修改后,在新插入图片时,就会带上alt标签了,比如:
<img src='' title="这是描述" alt="这是描述" />

   但是百度ueditor貌似有一个bug,就是编辑图片时,修改这个描述后,title可以更新,但是alt却无法更新。这个问题先留在这里。
作者:飘易
来源:飘易
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。
上一篇:8月10号:百度排名有较大幅度变化,百度算法更新
下一篇:Windows下Apache设置文件夹目录认证密码的方法
4条评论 “百度ueditor编辑器的图片添加alt标签”
1 谢谢
2014-8-6 17:54:47
谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢
2014-8-20 21:36:37
还是不行哦哦哦,...
3 sunneven
2014-9-28 16:03:29
谢谢你的方法

关于这个问题: 但是百度ueditor貌似有一个bug,就是编辑图片时,修改这个描述后,title可以更新,但是alt却无法更新。这个问题先留在这里
请找到domUtils.setAttributes(img, first);行,增加下面这句:
            if (first.title) {
                img.setAttribute('alt', first.title);
            }
2016-1-16 19:20:01
表示修改后失败,能不能帮帮我
发表评论
名称(*必填)
邮件(选填)
网站(选填)

记住我,下次回复时不用重新输入个人信息
© 2007-2019 飘易博客 Www.Piaoyi.Org 原创文章版权由飘易所有