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

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

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

近日收到某网友邮件,说是使用了我的模板,询问怎样在文章内的图片上添加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

分享给朋友:

相关文章

备案号要掉了,悲剧~

备案号要掉了,悲剧~

 刚刚收到万网的一条短信:万网客户,因您的备案网站的域名多次检查未指向万网的ip地址,请您修改域名解析,本周不定时复查,如果再次检查出ip问题,取消万网备案接入!还不到一年,备案就要掉了!所以说,快速备案实在是靠不住!另:有没有人...

u盘扩容检测工具MyDiskTes该升级了!

u盘扩容检测工具MyDiskTes该升级了!

数据无价,买U盘需谨慎!谨以此文献给那些买了虚假容量U盘的朋友。记得大学的时候,班上一哥们从网上买了个8GU盘,相当便宜,我就怀疑是不是真的实际容量8G,结果买来之后,用MyDiskTes检测,竟然是2G的量产修改的!于是我就重新给他量产了...

云端软件平台与win10不兼容?蓝屏?win10 LTSB仍然不给力

云端软件平台与win10不兼容?蓝屏?win10 LTSB仍然不给力

之前win10正式版刚出来的时候,我就想着自己封装个纯净版的win10用用,谁知道正式版的win10竟然容不下我用了好几年的云端(全称:云端软件平台),一运行云端就蓝屏——详见文章system_service_exception蓝屏解决方法...

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

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

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

z-blog使用编辑器插入代码语言后在文章页面样式宽度过长错位解决方法

z-blog使用编辑器插入代码语言后在文章页面样式宽度过长错位解决方法

自从换了自适应的模板以来,很少在博文中插入代码语言了,于是也没在乎之前的文章显示是否有问题。而昨天的两篇文章中碰巧必须插入代码,于是发现这个问题(正文中插入代码语言后,宽度超过了正文并且不自适应)太影响美观了!大大的影响了用户体验!怎么办呢...

2013版本QQ关闭QQExternal.exe方法

2013版本QQ关闭QQExternal.exe方法

按照昨天的方法,QQ上线一个小时左右,未出现错误提示,任务管理器中也没有再出现超级占CPU的QQExternal.exe。可见此方法针对2013最新版本的QQ还是有效的,下面就来总结一下2013版本QQ关闭QQExternal.exe方法(...

评论列表

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

谢谢光的传人

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

这个还是很简单的

发表评论

访客

看不清,换一张

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