当前位置:首页 > 代码类 > 正文内容

DEDE修改Ueditor代码实现自动给图片插入超链接

九天狼5年前 (2016-04-16)代码类1298

     为什么要给图片加入超链接呢?因为现在有那lightbox的插件,点击图片会在本页弹出图片查看,效果不错,但是必须要图片有本身的超链接才可以,因此才想要在自动上传的时候让编辑器自动添加这个功能。

    因为别的编辑器代码不太好查找,而且现在百度的这个Ueditor用的人也越来越多了,主要是这个代码都有明确的注释,比较容易修改,因此选择这个编辑器。

    具体修改方法也很简单,打开Ueditor目录下的ueditor.all.js文件,我的是完全版的,可以在11119行,看到如下的代码,直接替换到11147行成如下代码即可。


        } else {
            var html = [], str = '', ci;
            ci = opt[0];
            if (opt.length == 1) {
                str = '<a href="' + ci.src + '"><img src="' + ci.src + '" ' + (ci._src ? ' _src="' + ci._src + '" ' : '') +
                    (ci.width ? 'width="' + ci.width + '" ' : '') +
                    (ci.height ? ' height="' + ci.height + '" ' : '') +
                    (ci['floatStyle'] == 'left' || ci['floatStyle'] == 'right' ? ' style="float:' + ci['floatStyle'] + ';"' : '') +
                    (ci.title && ci.title != "" ? ' title="' + ci.title + '"' : '') +
                    (ci.border && ci.border != "0" ? ' border="' + ci.border + '"' : '') +
                    (ci.alt && ci.alt != "" ? ' alt="' + ci.alt + '"' : '') +
                    (ci.hspace && ci.hspace != "0" ? ' hspace = "' + ci.hspace + '"' : '') +
                    (ci.vspace && ci.vspace != "0" ? ' vspace = "' + ci.vspace + '"' : '') + '/></a>';
                if (ci['floatStyle'] == 'center') {
                    str = '<p style="text-align: center">' + str + '</p>';
                }
                html.push(str);

            } else {
                for (var i = 0; ci = opt[i++];) {
                    str = '<p ' + (ci['floatStyle'] == 'center' ? 'style="text-align: center" ' : '') + '><a href="' + ci.src + '"><img src="' + ci.src + '" ' +
                        (ci.width ? 'width="' + ci.width + '" ' : '') + (ci._src ? ' _src="' + ci._src + '" ' : '') +
                        (ci.height ? ' height="' + ci.height + '" ' : '') +
                        ' style="' + (ci['floatStyle'] && ci['floatStyle'] != 'center' ? 'float:' + ci['floatStyle'] + ';' : '') +
                        (ci.border || '') + '" ' +
                        (ci.title ? ' title="' + ci.title + '"' : '') + ' /></a></p>';
                    html.push(str);
                }
            }


当然,如果你想自动动手的话,也是可以的,那就是在img标签前边加上a href标签即可,当然,别忘了在img标签后边加上a标签的封闭代码。

直接上传覆盖原代码即可。


说明:

以上的修改仅在使用批量上传的时候有效果,当然批量上传你即使上传一张图片也是可以的。在单张上传时不可以,因为没查找真实的单张上传的代码,因此我的选择是取消掉单张上传的按钮。

打开ueditor.config.js文件,删除这个按钮:'simpleupload',的代码就可以了,它在第44行第1个。


至于,如果添加lightbox,下次再说。

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

版权声明:本文由云淡风轻Mr.Liu发布,如需转载请注明出处。

本页地址:http://nylmj.cn/post/7.html

相关文章

PHP使用之实现弹出消息提示框的两种方法

PHP使用之实现弹出消息提示框的两种方法

方法一:echo "<script>alert('提示内容')</script>";方法二:1 echo &#...

修改UEdit编辑器上传文件命名规则

修改UEdit编辑器上传文件命名规则

UEdit上传文件修改全名方法,多余的不说,直接上方法:打开UEditor/php/目录下的ue.config.php文件,拉到下面,有各个类型文件的上传规则,期中"filePathForm...

 ueditor 上传的图片在内容里显示的尺寸过大的问题

ueditor 上传的图片在内容里显示的尺寸过大的问题

网上有方法1.ueditor 的 themes 文件夹下有个iframe.css 加入以下代码,保存(原先的css文件应该是空的,只有一行注释)/// 个人感觉没用,调试了一下确实没用不知为什么,放在...

Mactype助手浏览器文字增强插件

Mactype助手浏览器文字增强插件

类型:油猴(暴力猴)脚本  Windows下的浏览器浏览网页时文字往往发虚,颜色很淡,看不清楚。有了它可以让浏览器中...

非常好用的Violentmonkey(暴力猴)脚本

非常好用的Violentmonkey(暴力猴)脚本

自从用了Violentmonkey,也就是暴力猴以后,发现这个插件是非常好用,下载、自动加载、广告过滤、解除限制,看小说,方便极了。好了不多说了,先上我所用的脚本大家看看,如果需要,下面就有我打包的脚...

百度ueditor上传图片加水印的例子

百度ueditor上传图片加水印的例子

百度ueditor上传图片默认没有水印功能的如果我们要添加水印需要在程序上进行一些添加了,下面来看看百度ueditor上传图片加水印的例子吧。打开UEditor压缩包下php目录中的上传类文件:Upl...

发表评论

访客

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