스마트에디터2 세로길이 조절 및 이미지확대 방지 > 그누보드5 팁자료실

그누보드5 팁자료실

스마트에디터2 세로길이 조절 및 이미지확대 방지 정보

스마트에디터2 세로길이 조절 및 이미지확대 방지

본문

 

write.skin.php 또는 write.head.skin.php 또는 write.tail.skin.php 셋 중 하나의 아무 위치에나 넣어줍니다.

즉 스마트에디터2 의 코어는 하나도 건드리지 않았습니다.

 

보통 스마트에디터2의 경우 이미지 가로사이즈가 크면 가로 스크롤이 생기면서 특히 모바일에서는 목불인견의 크기가 되기 때문에 이를 방지하기 위한 코드입니다.

또한 글쓰기 안에서 에디터의 세로길이를 조절하는 옵션도 넣었고 기존에 제가 배포한 플러그인이나 hook 파일과 상충이 일어나지 않습니다.

 

$se2Height = $is_moblie ? "300px" : "500px";

모바일 모드시와 pc 모드일 때 각각의 에디터 세로길이를 달리 설정할 수 있습니다.

 

재주껏 훅파일로 만들어 사용하는 것도 좋은 선택입니다.

 

<?php
if ($is_dhtml_editor && $config['cf_editor'] == "smarteditor2") {
    $se2Height = $is_moblie ? "300px" : "500px";
    echo "
        <script>
        document.addEventListener('DOMContentLoaded', () => {
            document.querySelector('#wr_content').style.height = '".$se2Height."';
            document.querySelector('iframe[src*=\'SmartEditor2Skin.html\']').addEventListener('load', function() {
                this['contentWindow']['document'].querySelector('#smart_editor2 #se2_iframe').addEventListener('load', function() {
                    this['contentWindow']['document'].querySelector('body').insertAdjacentHTML('beforebegin', '<style>img { max-width:100%; }</style>');
                });
            });
        });
        </script>
    ";
}
?>
추천
5

댓글 8개

전체 145 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT