2025年5月22日 星期四 乙巳(蛇)年 二月廿四 夜 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 服务器 > 万维网络 > 帝国cms

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

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

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

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

 

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