欢迎来到资源库(www.zyku.net)

工具资源

当前位置:首页 > 网站运营 > 工具资源

CKEditor编辑器上传图片禁止自动设置宽高的方法

时间:2017-12-20|栏目:工具资源|点击:

在使用CKEditor编辑器上传图片的时候,总是会为img标签自动添加width和height的style内联样式,直接导致图片无法根据网页进行自适应效果,默认上传图片后效果如下:

查看源代码:

<p><img alt="" src="/upload/images/0(2).jpg" style="height:640px; width:640px" /></p>

解决这个问题其实很简单,解决方法如下:

CKEditor编辑器官方提供了“disallowedContent”属性即可解决以上问题:

首先找到CKEditor配置文件“config.js”,在配置文件中加入下面这段代码:

config.disallowedContent = 'img{width,height};img[width,height]';

如果此功能只需要在单独几个页面模块中使用,那么在创建实例的方法replace里传入参数即可,如下:

CKEDITOR.replace(
    "ckeditorId"
    ,{disallowedContent:'img{width,height};img[width,height]';
});

配置完成后,上传了一张图,效果如下:

这个时候发现,再上传图片的时候编辑器不会自动添加宽高样式了!

(资源库 zyku.net)

上一篇:CKEditor结合CKFinder上传管理图片教程

栏    目:工具资源

下一篇:代码高亮插件codesnippet添加行号的方法

本文标题:CKEditor编辑器上传图片禁止自动设置宽高的方法

本文地址:http://www.zyku.net/gongju/1577.html

推荐教程

关于我们 | 版权申明 | 寻求合作 |

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:95148658 | 邮箱:mb8#qq.com(#换成@)

沪ICP备15050984号-2