비

스마트에디터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]

|

댓글 8개

감사합니다 ^^

@민트다이어리 

첫 댓글 감사합니다.

유용합니다
바로 적용해야 겠습니다
감사합니다^^

@미키손 

이것보다는 훅 플러그인 추천이요.

https://sir.kr/g5_plugin/10907

좋은 팁 감사 합니다.

@들레아빠 감사합니다 

추천합니다.

@푸른산타 

댓글도 추천합니다.

댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
25-02-22 조회 4,158
25-02-21 조회 4,229
25-02-20 조회 4,432
25-02-20 조회 4,771
25-02-19 조회 4,409
25-02-14 조회 4,248
25-02-10 조회 4,767
25-02-08 조회 4,126
25-02-07 조회 4,813
25-02-03 조회 4,304
25-02-02 조회 4,048
25-02-02 조회 4,165
25-02-01 조회 4,298
25-01-29 조회 4,194
25-01-29 조회 3,926
25-01-29 조회 3,995
25-01-23 조회 4,226
25-01-20 조회 4,236
25-01-19 조회 4,241
25-01-17 조회 4,641
25-01-16 조회 4,278
25-01-14 조회 4,666
25-01-14 조회 4,264
25-01-14 조회 3,958
25-01-13 조회 4,162
25-01-11 조회 4,655
25-01-07 조회 5,119
25-01-06 조회 4,242
25-01-04 조회 4,545
25-01-02 조회 4,261