当前位置:首页 > 日志 > 正文内容

z-blog为文章内图片添加ALT标签方法

光的传人9年前 (2017-08-30)日志3143

近日收到某网友邮件,说是使用了我的模板,询问怎样在文章内的图片上添加alt标签。我简单看了下,发现之前的我写的文章图片的描述都加在了图片的title标签,而文章里上传的图片根本没有alt标签!!!这要是靠人工在html模式下一个个添加就费事了。

仔细思考了下,文章内图片alt标签应该不是模板里面设置的,因为z-blog的文章内容都写在了数据库里,而调用文章内容在模板文件中就一个标签<#article/content#>搞定,所以alt标签应该是在写文章内容的时候就没有加到数据库里,原因嘛,应该是z-blog系统文件或者编辑器文件控制的,所以要想解决z-blog图片添加alt标签问题,就得修改z-blog的系统文件,而不是模板文件。

本来想自己看看能不能解决呢,搜了一下,已经有技术大牛解决过这个问题:https://www.talklee.com/blog/74.html(经测试,不是最终解决方法,详见文章最后)

以下为转载内容以及测试是否成功。

给Z-Blog图片增加ALT标签教程:

第一步打开目录\zb_system\ADMIN\ueditor 下的ueditor.all.js 找到 10290 行的代码:

(ci.alt && ci.alt != "" ? ' alt="' + ci.alt + '"' : '') +

修改成

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

第二步找到 10305 行的代码:

(ci.title ? ' title="' + ci.title + '"' : '') +

修改成

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

然后打开目录\zb_system\ADMIN\ueditor\dialogs\image 下的 image.js 找到 280 行的代码:

tmpObj.title = ci.title;

在下面添加一行代码:

tmpObj.alt = ci.title;

加个图片看看是否自动添加alt标签。

z-blog图片添加alt标签

好像没有成功……自己再研究下吧~

经过多次测试,发现只需要修改\zb_system\ADMIN\ueditor\dialogs\image 下的 image.js(按如上解决方法) ,然后一定要更新浏览器缓存(很重要),就能解决z_blog文件图片添加alt标签问题了。(注:用IE、搜狗浏览器测试成功,谷歌浏览器未清理缓存测试失败)。

扫描二维码推送至手机访问。

版权声明:本文由光的传人博客www.liu16.com发布,如需转载请注明出处。

本文链接:http://www.liu16.com/post/z-blog-add-alt.html

分享给朋友:

相关文章

怎样在谷歌应用商店发布扩展程序或应用

怎样在谷歌应用商店发布扩展程序或应用

上文中提到,我要试试在谷歌应用商店里发布自己修改后的扩展应用,以自用。谁知道到最后是需要花钱的,$5,5美元,也太黑了吧,我就想自己用用而已,要是花钱发布了,那就说不定侵犯原作者权利,就不好了。下面说说怎样在谷歌应用商店里发布自己编写的扩展...

zencart网店安装必须注意的细节(攻防必备)

zencart网店安装必须注意的细节(攻防必备)

zencart网上开店需要注意的细节1. 删除以下几个目录和文件安装完成后,请从服务器上删除以下目录和文件:- /docs- /extras- /zc_install- /install.t...

小爱同学怎么删除?手机内置软件小爱同学删除方法

小爱同学怎么删除?手机内置软件小爱同学删除方法

跟上一篇文章差不多,乐视手机刚刷了个小米的MIUI 10,没想到小爱同学app竟然内置到系统应用里,删不掉!我就在想,小米系统越来越臃肿,是不是跟这种策略有关呢?难道以为大部分人需要使用小爱同学?不就是一个智能音箱么……个人感觉,一个人对着...

NTP反射放大攻击分析

NTP反射放大攻击分析

服务器不知哪个域名遭到NTP攻击,于是来研究下对策。以下文章为转载:前一阵子NTP放大攻击挺活跃的,现在来简单分析一下。攻击原理:1、利用UDP协议的天然脆弱点,即不需要前期建立连接,直接就可以向client发送数据;2、Internet上...

chrome70版本出现“Flash插件初始化失败,请更新您的FlashPlayer版本之后重试!”解决方法

chrome70版本出现“Flash插件初始化失败,请更新您的FlashPlayer版本之后重试!”解决方法

刚才更新了一篇文章,发现编辑器上传图片不好使了,出现“Flash插件初始化失败,请更新您的FlashPlayer版本之后重试!”按照百度经验上的方法,发现那只是chrome59版本的解决方法,新版本的chrome70在那个界面上是没有那个添...

谷歌浏览器Chrome 48.0.2564.82稳定版右键手势最小化托盘解决方法(鼠标手势冲突)

谷歌浏览器Chrome 48.0.2564.82稳定版右键手势最小化托盘解决方法(鼠标手势冲突)

今天刚刚升级了谷歌浏览器Google Chrome 48.0.2564.82稳定版,好像是昨天刚刚发布的(其实每次升级都是强迫症导致的,根本没感觉出来功能升级到什么地方了),不过这次发现升级后的最大一个特点了:鼠标手势不好用了(我安装了鼠标...

评论列表

谢谢
谢谢
9年前 (2017-09-05)

谢谢光的传人

群贤网
9年前 (2017-09-03)

这个还是很简单的

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。