DHTML 에디터 PC 모바일 구분해서 사용하는 방법 > 그누보드팁

본문 바로가기
전체검색

그누스킨닷컴

그누보드팁

그누보드 영카트 초보 사용자를 위한 기본 매뉴얼, 스킨 제작 기초강좌를 공유합니다.

DHTML 에디터 PC 모바일 구분해서 사용하는 방법

페이지 정보

작성자 관리자 작성일17-11-06 20:11 조회1,312회

본문

그누보드 모바일에서는 에디터 사용이 기본적으로 꺼져 있습니다.

배포 버전에 있는 에디터들이 모바일을 완벽하게 지원하지 않아서 그런 듯싶은데요.

모바일에서도 사용할 수 있는 방법을 살펴보겠습니다.



1. config.php 파일에서 true 로 변경


// 모바일 기기에서 DHTML 에디터 사용여부를 설정합니다.

define('G5_IS_MOBILE_DHTML_USE', true);




2. common.php 파일 수정


if ($config['cf_editor'])
    define('G5_EDITOR_LIB', G5_EDITOR_PATH."/{$config['cf_editor']}/editor.lib.php");
else
    define('G5_EDITOR_LIB', G5_LIB_PATH."/editor.lib.php");
 

위 내용을 찾은 후 이렇게 수정


if ($config['cf_editor']) {
    if (is_mobile()) $config['cf_editor'] = 'smarteditor2_mobile';
    define('G5_EDITOR_LIB', G5_EDITOR_PATH."/{$config['cf_editor']}/editor.lib.php");
} else {
    define('G5_EDITOR_LIB', G5_LIB_PATH."/editor.lib.php");
}
 


모바일에서는 에디터 폴더명을 직접 지정해준 겁니다.

예를 들어 모바일에서는 cheditor5 를 사용하고 싶으면 cheditor5 로 넣으면 됩니다.


if (is_mobile()) $config['cf_editor'] = 'smarteditor2_mobile';


예제는 스마트 에디터2를 복사해서 툴바 아이콘을 편집해서 사용하려고 폴더명을 저렇게 넣어놨습니다.

스마트 에디터 툴바 아이콘 편집 방법은 아래 내용에서 계속됩니다.




PC 모바일 둘 다 스마트 에디터를 사용하는 방법


모바일 화면 가로 사이즈에 맞게 자주 안 쓰는 아이콘을 일단 삭제

http://gnustudy.com/bbs/board.php?bo_table=gnu_tip&wr_id=92


그리고 스마트 에디터 가로 사이즈를 줄여줍니다.

http://gnustudy.com/bbs/board.php?bo_table=gnu_tip&wr_id=50


편집한 에디터 폴더명을 smarteditor2_mobile 등으로 해서 플러그인 폴더에 추가


plugin/editor/smarteditor2_mobile


이렇게 하면 모바일에서는 툴바 아이콘이 편집된 작은 사이즈의 스마트에디터를 사용할 수 있습니다.

모바일 지원되는 에디터가 있다면 common.php 파일 수정 부분에서 폴더명만 지정해주면 될 겁니다.

신비님의 댓글

신비

적용해보니 아주 잘 되네요. 감사합니다.

커뮤니티는 당분간 중단하겠습니다.
그누보드팁 목록
번호 제목
공지 그누보드 팁 자료실 공지사항
113 로그인 영역을 오른쪽에서 왼쪽으로 이동
112 1:1 문의 게시판에 새글이나 답변글 등록시 쪽지 발송하기
111 그누보드 5.3 버전 기본 메뉴 중앙 정렬하기
110 자동등록방지 캡챠(kcaptcha)코드 삭제 - 그누보드 5.3 버전
109 네아로, 네이버 소셜 로그인으로 가입시 닉네임 값에 이메일 아이디가 입력될 경우 댓글1
108 MySQL 버전 차이로 phpmyadmin 에서 DB 필드 타입 변경이 안 될 때
107 네이버 구글 검색 서브 링크
106 메인 메뉴 3차까지 추가하기
105 모바일 브라우저에서 링크 터치 하이라이트 제거 (링크 클릭 영역)
104 그누보드 5.3 기본 레이아웃 전체 가로 사이즈 변경
103 index 페이지 최신글 특정 게시판 제외하기
102 그누보드 5.2 버전과 5.3 버전 차이점
101 특정 아이피만 관리자 페이지 접근을 허용하는 방법
100 등록된 글이 없거나 페이지당 목록수보다 적어도 페이징 번호 출력하기
99 회원 가입시 닉네임 중복으로 입력할 수 있게 변경하기
98 웹호스팅 회사별 phpmyadmin 접속 링크
97 게시판 wr_id 값 초기화
96 비회원도 추천, 비추천 가능하게
95 그누보드 5.3 기본 레이아웃에서 우측 aside 영역 삭제하기
94 투표 참가 인원 닉네임으로 출력
93 자동등록방지(kcaptcha) 캽챠 음성 안내 삭제하기 - 그누보드 5.3
92 스마트 에디터 글쓰기 textarea 높이 수정하기
91 썸네일 이미지 출력할 때 여백 없이 사용하기
90 문자열 글자 자르기 cut_str 함수
게시물 검색


그누스터디는 그누보드, 영카트 초보 사용자를 위한 정보를 공유합니다.

Copyright © GNUSTUDY. All rights reserved.
상단으로