我們在用織夢cms做響應式或者手機端網站時候,經常會遇到圖片寬度和高度的問題,有很多朋友在使用網站上有一個誤區:不管我怎么添加內容,如果是響應式或者手機端的網站就應該自動適配。
這種想法是錯誤的,就比如你一張圖片,如果你在后臺的編輯器中給了固定寬高,那么你在手機端或者響應式的網站上,圖片肯定會變形的。其實這個問題和織夢后臺的編輯器ckeditor也是有關系的??棄衾锩娴木庉嬈鱟keditor在上傳圖片的時候自動會帶上圖片的寬高,如下圖所示:
要解決這個問題,首先我們找到如下文件: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');}刪除后,切記清除下你本地瀏覽器緩存,重新登錄網站,添加圖片后,你就會發現沒有寬高限制了。