스마트에디터2 모바일형 커스텀
업그레이드 되었습니다. - https://sir.kr/g5_tip/17497
-----------
냑에는 스마트에디터 모바일형에 대한 많은 팁들이 있지만 요즘 시간이 나서 그냥 제 방식으로 에디터를 커스텀해 보았습니다. 기본환경은 css 수정 등이 들어가지 않은 원래의 에디터를 전제로 합니다.
----------
1. 먼저 config.php 에서 아래의 상수를 찾아 false 를 true 로 변경합니다.
[code]
define('G5_IS_MOBILE_DHTML_USE', true);
[/code]
-----------
2. 첨부파일을 다운로드 받아 압축을 풀고
plugin/editor/smarteditor2 디렉토리로 업로드 합니다. html 문서 딱 하나입니다.
----------
3. pc 는 필요가 없고 모바일의 write.skin.php 의 가장 아래에 다음의 코드를 입력합니다.
[code]
<!-- 스마트에디터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 -->
[/code]
----------
4. 반응형 스킨의 경우 위의 코드를 모바일 모드시에 이프문으로 걸어줍니다.
----------
5. 작동원리는 에디터 영역의 아이프레임이 온로드가 된 이후 모바일 모드가 감지되면
아이프레임의 src 를 바꿔치기 해버리는 이벤트를 사용하였습니다.
색상보드가 가려지는 현상도 없고 입력창 크기조절 글자를 중앙이 아니라 좌측으로 뺐습니다.
줄어들고 늘어나는 곳은 가운데 부분이라 특별한 지장은 없을 거에요.
댓글 15개
항상 감사히 유용하게 사용하겠습니다
업데이트 할 때 마다 신경 쓰였는데..
대단히 감사합니다.
생각해보니 이것보다 덜 번거로운 방법이 있긴 하네요
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2695 | 1개월 전 | 171 | ||
| 2694 | 1개월 전 | 134 | ||
| 2693 | 1개월 전 | 143 | ||
| 2692 | 1개월 전 | 158 | ||
| 2691 | 1개월 전 | 312 | ||
| 2690 | 1개월 전 | 217 | ||
| 2689 |
 SIR개발팀 |
1개월 전 | 424 | |
| 2688 | 1개월 전 | 275 | ||
| 2687 |
선택과집중
|
1개월 전 | 313 | |
| 2686 | 1개월 전 | 275 | ||
| 2685 | 1개월 전 | 330 | ||
| 2684 | 2개월 전 | 462 | ||
| 2683 | 2개월 전 | 261 | ||
| 2682 | 2개월 전 | 287 | ||
| 2681 |
선택과집중
|
2개월 전 | 263 | |
| 2680 | 2개월 전 | 313 | ||
| 2679 |
 Xenon54 |
2개월 전 | 417 | |
| 2678 |
Xenon54 |
2개월 전 | 487 | |
| 2677 | 2개월 전 | 312 | ||
| 2676 | 2개월 전 | 287 | ||
| 2675 |
선택과집중
|
2개월 전 | 464 | |
| 2674 |
 ideaman |
2개월 전 | 309 | |
| 2673 | 2개월 전 | 322 | ||
| 2672 | 2개월 전 | 272 | ||
| 2671 | 2개월 전 | 244 | ||
| 2670 | 2개월 전 | 356 | ||
| 2669 | 2개월 전 | 274 | ||
| 2668 |
선택과집중
|
2개월 전 | 470 | |
| 2667 |
선택과집중
|
2개월 전 | 455 | |
| 2666 |
선택과집중
|
3개월 전 | 388 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기