본문 바로가기


웹관련팁

아이프레임 자동높이 사이즈 조절 스마트에디터 사용시

by aisi1004 2022. 8. 11.

스마트에디터 사용시에

css tab 기능을 사용하시에 숨겨진 css로 된 경우에

에디터를 클릭시에 에디터가 높이가 0px 로 안보이게 됩니다.

에디터에 iframe 때문에 그런데요

그런 경우에 아래 태그를 사용하시면 됩니다.

페이지 하단에 넣어서 사용해보세요.

When using Smart Editor to automatically adjust the height of the iframe

 

<script type="text/javascript">
 var iframecover = document.getElementsByTagName("iFrame");
 var auto_resize_timer = window.setInterval("auto_resize_iframe()", 400);
 function auto_resize_iframe() {
   for (var i = 0; i < iframecover.length; ++i) {
       if(iframecover[i].contentWindow.document.body){
         var iframecover_size = iframecover[i].contentWindow.document.body.offsetHeight;
         if(document.all && !window.opera) {
           iframecover_size = iframecover[i].contentWindow.document.body.scrollHeight;
         }
         iframecover[i].style.height = iframecover_size + 'px';
       }
   }
 }
</script>

 

 

 





댓글