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