技术文摘

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

作者:雨祺   发表于:
浏览:97次    字数:592  原创
级别: 站长   总稿: 68 篇,  月稿: 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> 

【审核人:站长】

收藏   加好友   生成海报   分享
点赞(0)
打赏
Tags: 方法 排版 后台 图片 编辑器 帝国CMS

发布者资料

热门文章

技术文摘

查看更多技术文摘
首页
栏目
搜索
会员
投稿