[求助]7.5图片太大,在后台没办法排版
上传的图片太宽了,在后台超过了一个屏幕,导致文章排版很麻烦,可以解决吗?
通过浏览器的f12,可以发现css可以用contents.css文件来控制。 |
找到 contents.css 的文件,路径 /e/admin/ecmseditor/infoeditor/contents.css,尾部插入以下代码
.cke_editable img{width:auto !important;max-height:500px;}
即可。
浏览器对这些静态的css缓存的很厉害,所以可能需要好好刷新,才能起作用。
另外,也可以在字段管理里,随便编辑一个字段,添加js代码以下,也可以:
<script> window.onload=function(){ var style = document.createElement("style"); style.type = "text/css"; var mycss='.cke_editable img{width:auto !important;max-height:500px;}'; try{style.appendChild(document.createTextNode(mycss)); }catch(ex){style.styleSheet.cssText = mycss;} var head=document.getElementsByTagName('iframe')[0].contentWindow.document.getElementsByTagName('head')[0]; var jhciframe=document.getElementsByTagName('iframe')[0]; head.appendChild(style); if (jhciframe.attachEvent) { jhciframe.attachEvent("onload", function() { jhciframe.contentWindow.document.getElementsByTagName('head')[0]; }); } else { jhciframe.onload = function() { jhciframe.contentWindow.document.getElementsByTagName('head')[0]; }; } } </script>