kindeditor 下图片链接取消边框

在项目中使用了 kindeditor，版本是4.1.10，在发布信息的时候，将图片设置成了超链接，在 IE8 或者其他个别浏览器下会自动的为图片加一个蓝色的边框，效果如下图：

这个蓝框可以通过修改信息内容的 html 给消除掉，kindeditor 自动生成的代码如下：

需要在 img 标签里加上 border = "0"，再预览信息的效果，发现蓝色边框不见了，效果如下：

那么问题来了，如果每次发布信息中有图片链接，都要这么修改，那就崩溃了，所以需要修改 kindeditor 底层的源代码，把图片的 border 设置为0。

打开 kindeditor.js ，找到3184行左右有一个 insertimage

在 html += ‘/>‘;上一行加上 “html += ‘border="0"‘;” 或者加上“html += ‘border="‘ + _escape(border) + ‘" ‘;”；

以后每次在信息正文中上传图片时都会给 img标签一个默认的 border=0 的属性，从而避免了图片做链接时的边框问题；

时间： 2024-08-25 23:49:17

kindeditor 下图片链接取消边框的相关文章

html下的图片链接有边框的解决方法

使用dreamweaver创建网页后,上传到网站发现网页的图片链接有非常难看的蓝色边框,而在dw下是没有的 后来查看了一下网上的资料,发现加一个border="0"即可,默认是有边框的. <a href="http://xxxxx.taobao.com" target="_blank"><img src="../../image/zhuyegoumai/zhuyegoumai_03.gif" width=&q

CSS定义鼠标移上图片链接，出现边框效果

<html><head><title>友情链接用的CSS图片链接和文字链接样式</title><style>.f4{width:100%; overflow:hidden; clear:both; margin:0; padding:0;}.f4 li{ width:94px; height:37px; display:block; float:left; overflow:hidden; margin:10px 12px 2px 3px;}.f

kindeditor更改图片上传时网络图片的路径

当我们想要使用kindeditor的图片上传功能时,有两种选择图片方式,一种是本地选择,一种是在图片空间中选择,图片空间的默认地址是服务器上的/kindeditor/attached/image/下面. 如果想要改变这个路径,需要找到/kindeditor/php/file_manager_json.php这个文件,然后可以看到下面几行: //根目录路径,可以指定绝对路径,比如 /var/www/attached/ $root_path = $php_path . '../attached/';

MVC 自定义标签,给Html.ActionLink加上支持图片链接的功能

转载:http://blog.csdn.net/niewq/article/details/17537873 Html.ActionLink只支持文字链接,现在我们利用C#的扩展方法写一个Html.ActionLinkWithImage()让其支持图片链接的功能.一.首先新建一个静态类,将命名空间在改在System.Web.Mvc下,代码如下 using System; using System.Collections.Generic; using System.Linq; using Syst

利用图片链接完成注入渗透

最近大金闲着无聊就×××去国外看了一看黑客新闻,有一条新闻引起了我的关注,那就是国外某黑客黑了Word文档,导致了一家公司损失了数千万美金,整个事件我就不多说了,大家可以去去谷歌查看. 这次大金要和大家讲的就是黑客与Word之间的故事. Word经常被黑客利用来做一些黑产,这个事情我是知道的,但是我一直没有当回事我觉得这些都是小打小闹,可是当我自己真的开始实际操作的时候却发现,原来这里面真的是别有洞天啊~~ 打一个简单的比方就是,在进行Web应用渗透测试的时候,Word文档极有可能被用于抓取Ne

drf序列化高级、自定义只读只写、序列化覆盖字段、二次封装Response、数据库查询优化(断关联)、十大接口、视图家族、自动补全图片链接

目录 自定义只读 自定义只写 序列化覆盖字段 二次封装Response 数据库关系分析 断外键关联关系 ORM操作外键关系 ORM四种关联关系 基表 序列化类其他配置(了解) 十大接口 BaseSerializer初始化方法 十大接口序列化总结 单查群查 单增群增 单删群删 单整体改/群整体改 单局部改/群局部改 群增群改配置 十大接口小结 字段提供就校验,不提供拉到 DjangoORM内置优化机制:一次最多查21条数据 models.py response.py serializers.py

程序的链接和装入及Linux下动态链接的实现

http://www.ibm.com/developerworks/cn/linux/l-dynlink/ 程序的链接和装入及Linux下动态链接的实现 程序的链接和装入存在着多种方法,而如今最为流行的当属动态链接.动态装入方法.本文首先回顾了链接器和装入器的基本工作原理及这一技术的发展历史,然后通过实际的例子剖析了Linux系统下动态链接的实现.了解底层关键技术的实现细节对系统分析和设计人员无疑是必须的,尤其当我们在面对实时系统,需要对程序执行时的时空效率有着精确的度量和把握时,这种知识更显重

Linux下 静态链接库 和 动态链接库

先来说说C/C++编译过程 编译: 检查语句符号定义,将C/C++代码翻译生成中间语言. 链接: 将中间代码整合,生成可执行的二进制代码. 简单的说,库文件都是一种特殊的中间语言文件,静态库还是一种特殊格式的归档文件(打包的文件). 使用静态库: 1. 先编写库函数 1 #ifndef _PRINT_TEST_H_ 2 3 #define _PRINT_TEST_H_ 4 #ifdef __cplusplus 5 extern "C" 6 { 7 #endif 8 9 extern i

Java实现正则匹配HTML中获取的图片链接

package demo; import java.io.File; import java.text.Collator; import java.util.ArrayList; import java.util.Arrays; import java.util.Comparator; import java.util.List; import java.util.regex.Matcher; import java.util.regex.Pattern; public class Demo {