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

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

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

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

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

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

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

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

[code]

<?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>
    ";
}
?>

[/code]