메뉴 건너뛰기

?

단축키

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 에서도 얼마든지 가능합니다만 귀찮고 성가셔서 패쓰합니다.^^


  1. No Image 09Apr
    by
    2024/04/09 Views 145 

    mov 업로드시 mp4 자동 변환

  2. No Image 09Apr
    by
    2024/04/09 Views 41 

    유튜브 동영상 시간체크 후 폼 전송하기

  3. No Image 09Apr
    by
    2024/04/09 Views 45 

    input에 datepicker 달력 날짜 넣기

  4. NICE API 인증모듈

  5. No Image 09Apr
    by
    2024/04/09 Views 35 

    약간간단 주소복사 버튼

  6. No Image 09Apr
    by
    2024/04/09 Views 40 

    input 에 숫자 입력시 3자리 콤마 자동

  7. No Image 09Apr
    by
    2024/04/09 Views 45 

    특정국가 차단하기

  8. 회원가입 약관동의 전체동의 보완

  9. No Image 09Apr
    by
    2024/04/09 Views 36 

    하나의 게시판에 여러 스킨을 적용해 보자

  10. No Image 09Apr
    by
    2024/04/09 Views 51 

    접속주소가 https로 되여 있는지 판단하여 $g5_path['url']를 수정하기

  11. No Image 09Apr
    by
    2024/04/09 Views 58 

    여분필드 확장 후 write_update.skin.php

  12. 외부 유입 검색어 나리야 사용가능 [뿡쁑님 자료]

  13. 비회원은 ? 시간 동안 댓글을 볼 수 없게 해보자!

  14. 웹상에서 PDF 뷰어 소스 (copyright 2021 Mozilla)

  15. No Image 09Apr
    by
    2024/04/09 Views 47 

    admin 비밀번호 생각이 안 날때, 비번 바꾸는 간단한 소스 (SHA256 용)

  16. No Image 09Apr
    by
    2024/04/09 Views 36 

    common.php 를 졸라 쉽게 인클루드 하기

  17. No Image 09Apr
    by 조쉬
    2024/04/09 Views 50 

    스마트에디터2 글쓰기시 큰이미지를 자동으로 리사이징하기

  18. No Image 09Apr
    by
    2024/04/09 Views 44 

    댓글을 잠글 수 있는 기능을 추가 해보자!!!

  19. No Image 09Apr
    by
    2024/04/09 Views 37 

    안쓰는 DHTML 에디터 이미지와 빈폴더 일괄삭제

  20. "웹에서" 검색 추가하기

Board Pagination Prev 1 2 3 4 Next
/ 4

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved