我们在用织梦cms做响应式或者手机端网站时候,经常会遇到图片宽度和高度的问题,有很多朋友在使用网站上有一个误区:不管我怎么添加内容,如果是响应式或者手机端的网站就应该自动适配。
这种想法是错误的,就比如你一张图片,如果你在后台的编辑器中给了固定宽高,那么你在手机端或者响应式的网站上,图片肯定会变形的。其实这个问题和织梦后台的编辑器ckeditor也是有关系的。织梦里面的编辑器ckeditor在上传图片的时候自动会带上图片的宽高,如下图所示:
要解决这个问题,首先我们找到如下文件:includeckeditorpluginsimagedialogsimage.js 请将如下两段代码删除。if(C==d){if(F)D.setStyle('width',CKEDITOR.tools.cssLength(F));else D.removeStyle('width');!E&&D.removeAttribute('width');}else if(C==f){var G=F.match(h);if(!G){var H=this.getDialog().originalElement;if(H.getCustomData('isReady')=='true')D.setStyle('width',H.$.width+'px');}else D.setStyle('width',CKEDITOR.tools.cssLength(F));}else if(C==g){D.removeAttribute('width');D.removeStyle('width');}if(C==d){if(F)D.setStyle('height',CKEDITOR.tools.cssLength(F));else D.removeStyle('height');!E&&D.removeAttribute('height');}else if(C==f){var G=F.match(h);if(!G){var H=this.getDialog().originalElement;if(H.getCustomData('isReady')=='true')D.setStyle('height',H.$.height+'px');}else D.setStyle('height',CKEDITOR.tools.cssLength(F));}else if(C==g){D.removeAttribute('height');D.removeStyle('height');}删除后,切记清除下你本地浏览器缓存,重新登录网站,添加图片后,你就会发现没有宽高限制了。