스마트에디터2 모바일형 커스텀 정보
스마트에디터2 모바일형 커스텀관련링크
https://sir.kr/g5_tip/17497
62회 연결
첨부파일
본문
업그레이드 되었습니다. - https://sir.kr/g5_tip/17497
-----------
냑에는 스마트에디터 모바일형에 대한 많은 팁들이 있지만 요즘 시간이 나서 그냥 제 방식으로 에디터를 커스텀해 보았습니다. 기본환경은 css 수정 등이 들어가지 않은 원래의 에디터를 전제로 합니다.
----------
1. 먼저 config.php 에서 아래의 상수를 찾아 false 를 true 로 변경합니다.
define('G5_IS_MOBILE_DHTML_USE', true);
-----------
2. 첨부파일을 다운로드 받아 압축을 풀고
plugin/editor/smarteditor2 디렉토리로 업로드 합니다. html 문서 딱 하나입니다.
----------
3. pc 는 필요가 없고 모바일의 write.skin.php 의 가장 아래에 다음의 코드를 입력합니다.
<!-- 스마트에디터2 모바일 옵션 시작 : wittazzurri -->
<script>
function mobileEditor() {
mobileHtml = "<?php echo G5_URL; ?>/plugin/editor/smarteditor2/SmartEditor2MobileSkin.html";
wr_content.nextSibling.onload = function() {
if (this.src != mobileHtml) this.src = mobileHtml;
}
}
document.addEventListener("DOMContentLoaded", mobileEditor);
</script>
<!-- /스마트에디터2 모바일 옵션 종료 : wittazzurri -->
----------
4. 반응형 스킨의 경우 위의 코드를 모바일 모드시에 이프문으로 걸어줍니다.
----------
5. 작동원리는 에디터 영역의 아이프레임이 온로드가 된 이후 모바일 모드가 감지되면
아이프레임의 src 를 바꿔치기 해버리는 이벤트를 사용하였습니다.
색상보드가 가려지는 현상도 없고 입력창 크기조절 글자를 중앙이 아니라 좌측으로 뺐습니다.
줄어들고 늘어나는 곳은 가운데 부분이라 특별한 지장은 없을 거에요.
!-->!-->
추천
8
8
댓글 15개
멋지네요.^^ 언제나 좋은 자료를 만들어 주셔서 감사합니다. ^^
@호텔천사 요즘은 초절정 백수라서 게시판 뜯어고치는 재미로 살고 있어요.ㅋ
비타주리님은 필요한 기능들만 쏙쏙 만들어주시는군요
항상 감사히 유용하게 사용하겠습니다
항상 감사히 유용하게 사용하겠습니다
@미키손 디른 분 팁들도 꽤 됩니다만 그냥 심심해서 하나 쪼물딱 거렸습니나.ㅋ
감사합니다
@hzz 예 감사합니다
정말 짱이십니다. T.T 그냥 낼름.. 감사합니다~~
@아이스웨덴™ 근데 아무래도 더 편하게 해야 할 것 같아요.
업데이트 할 때 마다 신경 쓰였는데..
대단히 감사합니다.
@들레아빠
생각해보니 이것보다 덜 번거로운 방법이 있긴 하네요
생각해보니 이것보다 덜 번거로운 방법이 있긴 하네요
@비타주리 기대하고 있겠습니다.
공개해 주셔서 감사합니다.
@브러운아이 감사합니다
으.. 저는 반응이 없네요.....ㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷ
잘 작동합니다. 감사합니다.~^^