【亲测】Ckeditor编辑器帝国cms上传图片img自动添加width和height去除方法

小编使用的是帝国cms7.5,默认是Ckeditor编辑器4.5.9版。每次上传或添加图片的时候,总会自动给img标签添加width和height的style内联样式。由于网站本身对图片有进行自适应处理(添加了自适应的CSS),所以image插件的这种行为无异于画蛇添足。网上找到的解决方法要么是版本不符合,要么就是无效。

解决方法:

考虑到帝国使用后台以及前台的投稿(非帝国cms用户直接修改一个便可)

/e/admin/ecmseditor/infoeditor/plugins/image/dialogs/image.js【后台修改路径】

/e/data/ecmseditor/infoeditor/plugins/image/dialogs/image.js【前台修改路径】

打开上面路径的文件,搜索下面的代码(16行左右)

this.imageElement.getAttribute("style") || this.imageElement.removeAttribute("style");
this.imageElement.getAttribute("style") || this.imageElement.removeAttribute("style");


修改为以下代码

this.imageElement.setAttribute("style")&&this.imageElement.removeAttribute("style");
this.imageElement.setAttribute("style")&&this.imageElement.removeAttribute("style");


这样的话就移除了所有的style样式,直接使用CSS就可以了

Ckeditor编辑器4.5.9上传图片img自动添加width和height去除方法分享

如果你是帝国cms7.5 utf-8 也可以下载文本附件直接替换(当然 我们建议你动手修改)

如何修改完成之后通过帝国cms后台,或者通过Ckeditor编辑器上传图片,
还是强制携带width和height的style内联样式,记得清空一下浏览器缓存!

支付宝转账赞助

支付宝扫一扫赞助

微信转账赞助

微信扫一扫赞助

留言与评论(共有 0 条评论)
   
验证码: