首页站内杂志技术文摘
文章内容页

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

  • 作者:雨祺
  • 来源: 原创
  • 发表于2022-04-01 20:49:28
  • 被阅读0
  • 上传的图片太宽了,在后台超过了一个屏幕,导致文章排版很麻烦,通过浏览器的f12,可以发现css可以用contents.css文件来控制。找到 contents.css 的文件,路径 /e/admin/ecmseditor/infoeditor/contents.css,尾部插入以下代码
    1. .cke_editable img{width:auto !important;max-height:500px;} 
    浏览器对这些静态的css缓存的很厉害,所以可能需要好好刷新,才能起作用。
    另外,也可以在字段管理里,随便编辑一个字段,添加js代码以下,也可以:
    1. <script> 
    2. window.onload=function(){ 
    3. var style = document.createElement("style"); 
    4. style.type = "text/css"
    5. var mycss='.cke_editable img{width:auto !important;max-height:500px;}'
    6. try{style.appendChild(document.createTextNode(mycss)); 
    7. }catch(ex){style.styleSheet.cssText = mycss;} 
    8. var head=document.getElementsByTagName('iframe')[0].contentWindow.document.getElementsByTagName('head')[0]; 
    9. var jhciframe=document.getElementsByTagName('iframe')[0]; 
    10. head.appendChild(style); 
    11. if (jhciframe.attachEvent) { 
    12.         jhciframe.attachEvent("onload"function() { 
    13.             jhciframe.contentWindow.document.getElementsByTagName('head')[0]; 
    14.         }); 
    15.     } else { 
    16.         jhciframe.onload = function() { 
    17.             jhciframe.contentWindow.document.getElementsByTagName('head')[0]; 
    18.         }; 
    19. </script> 
    【审核人:站长】

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

        本文链接:https://www.meiweny.cn/zazhi/zhongwangjiaocheng/88.html

        赞一下

        深度阅读

        • 您也可以注册成为美文苑的作者,发表您的原创作品、分享您的心情!

        阅读记录

          关注美文苑