메뉴 건너뛰기

?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

우리가 스마트에디터2 를 사용하다 보면 pc 나 모바일 모두의 글쓰기에서

가로사이즈가 큰 이미지를 업로드하면 원본사이즈대로 표현이 되어 레이아웃보다 훨씬 커지게 보여서 시각적으로 불쾌할 수 있습니다. 특히 모바일은 더욱 그렇죠.

그래서 이 사이즈 큰 이미지의 가로를 에디터의 100% 로 맞추는 css 를 첨가해주는 방법을 공유합니다.

 

----------

 

1. plugin/editor/smarteditor2/smart_editor2_inputarea.html 의 </head> 아래에

 

</head>
<style>img { max-width:100%; }</style>

 

 

----------

 

또는

 

2. plugin/editor/smarteditor2/SmartEditor2Skin.html 의 </body> 위에

 

<script>
document.querySelector("#se2_iframe").onload = function() {
    this["contentWindow"]["document"].querySelector("body").insertAdjacentHTML("beforebegin", "<style>img { max-width:100%; }</style>");
}
</script>
</body>

 

----------

 

3. 그런데 위의 2가지는 코어를 건드리는 찝찝함이 있으므로 제가 만든 2023년 10월 3일에 업뎃된 HOOK 버전을 사용하는 것을 추천합니다.^^

https://sir.kr/g5_plugin/10907

https://sir.kr/g5_plugin/10950

 

----------

 

4. write.skin.php 나 write.tail.skin.php 에서도 얼마든지 가능합니다만 귀찮고 성가셔서 패쓰합니다.^^


List of Articles
번호 제목 날짜 조회 수
70 mov 업로드시 mp4 자동 변환 file 2024.04.09 147
69 유튜브 동영상 시간체크 후 폼 전송하기 2024.04.09 42
68 input에 datepicker 달력 날짜 넣기 2024.04.09 45
67 NICE API 인증모듈 file 2024.04.09 51
66 약간간단 주소복사 버튼 2024.04.09 36
65 input 에 숫자 입력시 3자리 콤마 자동 2024.04.09 40
64 특정국가 차단하기 2024.04.09 45
63 회원가입 약관동의 전체동의 보완 file 2024.04.09 27
62 하나의 게시판에 여러 스킨을 적용해 보자 file 2024.04.09 37
61 접속주소가 https로 되여 있는지 판단하여 $g5_path['url']를 수정하기 2024.04.09 51
60 여분필드 확장 후 write_update.skin.php file 2024.04.09 58
59 외부 유입 검색어 나리야 사용가능 [뿡쁑님 자료] file 2024.04.09 46
58 비회원은 ? 시간 동안 댓글을 볼 수 없게 해보자! file 2024.04.09 46
57 웹상에서 PDF 뷰어 소스 (copyright 2021 Mozilla) file 2024.04.09 53
56 admin 비밀번호 생각이 안 날때, 비번 바꾸는 간단한 소스 (SHA256 용) 2024.04.09 48
55 common.php 를 졸라 쉽게 인클루드 하기 2024.04.09 36
» 스마트에디터2 글쓰기시 큰이미지를 자동으로 리사이징하기 2024.04.09 50
53 댓글을 잠글 수 있는 기능을 추가 해보자!!! 2024.04.09 45
52 안쓰는 DHTML 에디터 이미지와 빈폴더 일괄삭제 file 2024.04.09 38
51 "웹에서" 검색 추가하기 file 2024.04.09 42
Board Pagination Prev 1 2 3 4 Next
/ 4

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved