首页 > 资讯列表 > 编程/数据库 >> 编程综合

百度编辑器ueditor图片上传加alt属性方法

编程综合 2016-01-30 11:54:44 转载来源: 网络整理/侵权必删

做网站的朋友大多都应该接触过百度编辑器ueditor,最近电脑我帮您小编把某个网站的编辑器替换为ueditor之后,发现ueditor上传本地图片只有title属性,而没有alt图片描述属性,这对于seo优化来说是极其不好的,下面小编就将百度编辑器ueditor图片上传加alt属性的方法给大家分享出来,提供给遇到困难的新手站长们 ueditor 图片上传加alt方法: 打开百度编辑器(Ueditor)目录/dialogs/image/image.js文件,按Ctrl+F,查找“插入多张图片”修改以下代码:     /**      * 插入多张图片      */     function insertBatch() {         if 

做网站的朋友大多都应该接触过百度编辑器ueditor,最近电脑我帮您小编把某个网站的编辑器替换为ueditor之后,发现ueditor上传本地图片只有title属性,而没有alt图片描述属性,这对于seo优化来说是极其不好的,下面小编就将百度编辑器ueditor图片上传加alt属性方法给大家分享出来,提供给遇到困难的新手站长们。

百度编辑器ueditor图片上传加alt属性方法

ueditor 图片上传加alt方法:

打开百度编辑器(Ueditor)目录/dialogs/image/image.js文件,按Ctrl+F,查找“插入多张图片”修改以下代码:

   

/**
     * 插入多张图片
     */
    function insertBatch() {
        if (imageUrls.length < 1) return;
        var imgObjs = [],
            align = findFocus("localFloat", "name");
        for (var i = 0, ci; ci = imageUrls[i++];) {
            var tmpObj = {};
            tmpObj.title = ci.title;
            tmpObj.alt = ci.title;
            tmpObj.floatStyle = align;
            //修正显示时候的地址数据,如果后台返回的是图片的绝对地址,那么此处无需修正
            tmpObj._src = tmpObj.src = editor.options.imagePath + ci.url;
            imgObjs.push(tmpObj);
        }
        insertImage(imgObjs);
        hideFlash();
    }

也就是找到:tmpObj.title = ci.title;在下面添加tmpObj.alt = ci.title;

小编温馨提示:修改编辑器ueditor 图片上传加alt属性代码之后,请大家清除下浏览器缓存,再重新进入网站后台添加文章或内容,主要是添加上传图片,打开源码看看上传的本地图片是否已经加上了alt属性,如果没有,可能是ueditor.config.js配置文件filterRules中定义了图片img标签的过滤规则,需要在这里设置下或者直接注释掉:

代码如下:

img: function (node) {
                            var src = node.getAttr('src');
                            var alt = node.getAttr('title');
                            var title = node.getAttr('title');
                            node.setAttr();
                            node.setAttr({'src':src})
                            node.setAttr({'alt':alt})
                            node.setAttr({'title':title})
                        },

以上就是电脑我帮您小编给大家分享的百度编辑器ueditor图片上传加alt属性方法,如果您看了之后还是没有很好的解决问题,大家可以加我QQ互相交流探。

http://www.dn580.cn/wangluozhishi/40.html

标签: ueditor图片上传alt


声明:本文内容来源自网络,文字、图片等素材版权属于原作者,平台转载素材出于传递更多信息,文章内容仅供参考与学习,切勿作为商业目的使用。如果侵害了您的合法权益,请您及时与我们联系,我们会在第一时间进行处理!我们尊重版权,也致力于保护版权,站搜网感谢您的分享!

站长搜索

http://www.adminso.com

Copyright @ 2007~2024 All Rights Reserved.

Powered By 站长搜索

打开手机扫描上面的二维码打开手机版


使用手机软件扫描微信二维码

关注我们可获取更多热点资讯

站长搜索目录系统技术支持