百度编辑器(Ueditor)上传本地图片加alt属性

时间:2016-04-17

打开百度编辑器(Ueditor)目录/dialogs/image/image.js文件,查找“插入多张图片”

修改以下代码:

    /**
     * 插入多张图片
     */
    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;,好了赶快打开编辑器试下吧

相关阅读:dedecms整合百度编辑器(Ueditor)一(基本整合)dedecms整合百度编辑器(Ueditor)二(图片上传路径问题)dedecms整合百度编辑器(Ueditor)之上传图片加水印

跟版网提醒您:因为dialog是调用的iframe,所以需要在浏览器中打开/dialogs/image/image.js这个文件刷新下,不然会有缓存看不到效果滴的,本文系跟版网(Q:2655101040)原创。转载请保留本文地址:http://www.genban.org/a/201402/32637.html

201402更新:

如果你在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})
                        },

相关文章推荐:

1.dedecms整合百度编辑器(Ueditor)一(基本整合)

2.dedecms整合百度编辑器(Ueditor)二(图片上传路径问题)

3.dedecms整合百度编辑器(Ueditor)之上传图片加水印的办法

4.dedecms使用百度编辑Ueditor设置代码高亮教程

上一条:网站制作流程让网站设计的新人少走弯路 下一条:table添加多个tbody标签 jquery获取tbody索引index时的问题

相关文章

最新文章