您当前的位置:首页 > 计算机 > 服务器 > 万维网络 > 帝国cms

帝国cms编辑器里上传的图片太大,在后台没办法排版的解决方法

时间:08-24来源:作者:点击数:

上传的图片太宽了,在后台超过了一个屏幕,导致文章排版很麻烦,可以解决吗?

通过浏览器的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>

 

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门