Discuz 3.X 门户文章插入图片自动添加 alt 标签

最近用 Discuz 搭建了个网站——儿童安全座椅网(www.bbseat.com.cn),用到了门户功能,不得不说Discuz 的功能还是非常强大的,但在使用过程中发现在发表文章时添加了图片却不能像 WordPress 这样自动添加 alt 标签,经过一番研究,初步解决了这个问题,目前还没有 Bug,等待长时间验证,方法如下:
在实施本方法之前请先备份网站数据,以防不测;这次修改需要修改两个文件,分别是:

static/image/editor/editor_function.js
template/default/home/spacecp_blog.htm

同时增加一个文件为:

static/image/editor/editor_function.js–复制一份,重命名为:bgeditor_function.js

下面开始修改:editor_function.js

查找代码:

function insertImage(image, url, width, height) {
    url = typeof url == ‘undefined‘ || url === null ? image : url;
    width = typeof width == ‘undefined‘ || width === null ? 0 : parseInt(width);
    height = typeof height == ‘undefined‘ || height === null ? 0 : parseInt(height);
    var html = ‘<p><a href="‘ + url + ‘" target="_blank"><img src="‘+image+‘"‘+(width?‘ width="‘+width+‘"‘:‘‘)+(height?‘ height="‘+height+‘"‘:‘‘)+‘></a></p>‘;
    edit_insert(html);
}

修改为:

function insertImage(image, url, width, height, subject) {
    url = typeof url == ‘undefined‘ || url === null ? image : url;
    width = typeof width == ‘undefined‘ || width === null ? 0 : parseInt(width);
    height = typeof height == ‘undefined‘ || height === null ? 0 : parseInt(height);
    subject = $(‘title‘).value;
    var html = ‘<p><a href="‘ + url + ‘" target="_blank"><img alt="‘+subject+‘" src="‘+image+‘"‘+(width?‘ width="‘+width+‘"‘:‘‘)+(height?‘ height="‘+height+‘"‘:‘‘)+‘></a></p>‘;
    edit_insert(html);
}

再修改刚刚建立的bgeditor_function.js

同样查找代码:

function insertImage(image, url, width, height) {
    url = typeof url == ‘undefined‘ || url === null ? image : url;
    width = typeof width == ‘undefined‘ || width === null ? 0 : parseInt(width);
    height = typeof height == ‘undefined‘ || height === null ? 0 : parseInt(height);
    var html = ‘<p><a href="‘ + url + ‘" target="_blank"><img src="‘+image+‘"‘+(width?‘ width="‘+width+‘"‘:‘‘)+(height?‘ height="‘+height+‘"‘:‘‘)+‘></a></p>‘;
    edit_insert(html);
}

修改为:

function insertImage(image, url, width, height, subject) {
    url = typeof url == ‘undefined‘ || url === null ? image : url;
    width = typeof width == ‘undefined‘ || width === null ? 0 : parseInt(width);
    height = typeof height == ‘undefined‘ || height === null ? 0 : parseInt(height);
    var html = ‘<p><a href="‘ + url + ‘" target="_blank"><img alt="‘+subject+‘" src="‘+image+‘"‘+(width?‘ width="‘+width+‘"‘:‘‘)+(height?‘ height="‘+height+‘"‘:‘‘)+‘></a></p>‘;
    edit_insert(html);
}

再编辑:template/default/home/spacecp_blog.htm

查找:editor_function.js

替换为:bgeditor_function.js

编辑完毕保存,把文件上传到原来位置,增加的bgeditor_function.js与editor_function.js一块放在同一目录。后台发布一片文章,输入文章标题,上传图片,进入源代码模式,看看图片是不是有了 alt 标签?!

时间: 2024-10-03 11:58:24

Discuz 3.X 门户文章插入图片自动添加 alt 标签的相关文章

Android开发之实现图片自动滚动显示标签的ViewPager

Android中实现图片自动滚动的效果非常的常见,我们可以自己动画去实现功能.但是在Android中提供了一个ViewPager类,实现了滚动效果,在Android的extras目录下android-support-vx.jar中,x代表版本4,7等等.使用时我们需要android.support.v4.view.ViewPager的viewPager标签. 博客来源:http://blog.csdn.net/fengshizty 代码非常的简单,不用解释: xml布局文件如下: <Relati

discuz X3.1的门户文章实现伪静态,利于搜索引擎收录url的地址修改

最近在捣鼓DZ框架,这两天发现文章的收录情况并不是太理想,做了很多优化方面的工作,今天主要解决了DZ门户的文章链接伪静态化,在这次修改之前,也做过一次在网上找的静态化修改,之前做的方式是: 1.在DZ管理后台->全局->seo设置->url静态化模块中,开启如下配置 2.在nginx的配置文件中,添加url的rewrite规则如下图,添加完规则后,在门户首页和频道列表中显示的url规则是:http://xxx.com/article-aid-page.html;其中aid是文章id,pa

解决WordPress在文章中插入图片时默认插入中等格式图片的问题

如题所示,我使用的是WordPress自带的编辑器进行编辑,而且为了保护版权开始给自己的图片添加文字水印.本来每次上传的时候都可以通过插件自动地给图片添加上水印,但是比较恶心的是把图片插入到文章中之后自动生成了一个中等尺寸的图片,而这个新的小图片是没有水印的.解决这个问题也很简单,只需要在后台的"设置" –> "多媒体"里进行简单的设置就可以了 如上图所示,只需要把媒体选项里的所有选项都设置成0就可以了

如何修改 Discuz 门户文章页默认视频大小

在 Discuz 系统中,论坛插入 Flash 等可以输入自定义的尺寸,但是门户文章页不可以修改.经过一番研究,找到了修改门户文章页默认视频大小的方法如下,希望对你有用:找到:/source/function/function_blog.php,在代码内搜索: function blog_flash($swf_url, $type='') { 下面两行代码为: $width = ''; $height = ''; 这里就是默认的视频宽度和高度,你可以随意修改为你想要的尺寸了!完活,收工!

C# PDF插入图片并自动保存至相应的文件夹

对于创建PDF时,向PEF中插入图片,坐标比较不好控制,建议先在PDF里画表格,然后将图片放至对应的表格即可. 方法如下: 1 private void OutPutPDF() 2 { 3 string imagePath = GR_Path; //文件路径 4 string OutPath = @"D:\"; 5 string fileName = string.Empty; 6 fileName = "Test"; 7 Document document = n

提高 Discuz 门户文章被百度收录的方法

如果你了解 SEO,你就该清楚使用 canonical URL 标签可以固定网页标准地址,可以提高网页的权重,有利于搜索引擎收录. 例如我的网站拥有两个子域名www.bbseat.com.cn和bbs.bbseat.com.cn,都可以访问同一个文章页面,那么这样的设置就会分散网页权重,不利于收录.使用 canonical URL 标签就可以为网页指定一个标准的地址,可以提高网页权重,利于收录. 但是你可以查看一下门户和论坛的源代码,会发现论坛帖子有 canonical URL 而门户文章没有.

PHP图片自动裁切

PHP图片自动裁切  如果做过那种门户站的朋友,肯定知道,一张图片可能会在不同的地方显示,大小不同,比例也不同, 如果只用一张图的话,那么肯定会变形,而且在显示小图的地方,链接 大图,又太浪费了.....用缩略图来处理,也不完美,因为每个地方出现的比例 大小可能都不一样 ,举个例子!!!!!!!!!!!! 请看上图. 在这个地方,其实调去出来的是一个列表,但是 图片的大小是不一样的,有多大宽有的窄,,当遇到这样的情况的时候 你们怎么办呢,如果直接用原来的地址,肯定是会变形的,如果搞缩略图也不靠谱

Word中图片自动编号且与文中引用的编号对应

当我们在进行大篇幅 word 文档的编写时, 为了节约修改文章中图片所花费的大量时间, 可以将图片自动编号,且让文中引用的顺序跟着图片顺序的变化而变化,具体操作如下: 1. 将鼠标定在欲加编号的下方,点击"引用 "→"插入题注" 2. 点击"标签"右侧的倒三角,看有没有自己想要的格式,若没有,则点击"新 建标签",输入自己想要的格式,然后点击确定,则"标签"项中加入自己想要 的格式       3. 点击确

Excel催化剂开源第40波-Excel插入图片做到极致的效果

不知道是开发人员的自我要求不高还是用户的使用宽容度足够大,在众多Excel插入图片的版本中,都没有考虑到许多的可大幅度提升用户体验的细节处理. Excel催化剂虽然开发水平有限,但也在有限的能力下,尽最大的努力做到自己可以过关的出街成品. 此篇着重谈下思路性的问题,代码因为太久远之前写的,现在看回也是一坨坨的,真需要时可能重新写一轮更方便. Excel插入图片的细节追求 可能在之前的文章中,也偶尔做了一些分享,自己也不太记得分享过哪些了,这里再重新梳理下,有重复提及的部分就权当复习好了. 一.插