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

본문 바로가기
전체검색

그누보드팁

그누보드, 영카트 초보 제작자분들을 위한 다양한 스킨 제작 활용 팁을 공유합니다.

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

관리자 17-11-06 20:11

DHTML 에디터 사용 시 PC, 모바일 각각 다른 에디터로 적용하는 방법입니다.



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 파일 수정 부분에서 폴더명만 지정해주면 될 겁니다.

댓글목록 +2

댓글목록

profile_image

신비님의 댓글

신비 작성일

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

profile_image

관리자님의 댓글

관리자 작성일

모바일용 에디터는 이것도 괜찮아 보입니다.
https://sir.kr/g5_plugin/3781
https://sir.kr/g5_plugin/3689

로그인 후 댓글 작성 가능합니다.

로그인

로그인 후 글 작성 가능합니다.
그누스킨닷컴

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

E-MAIL : gnustudy@naver.com / 카카오톡 : gnustudy / 텔레그램 : gnustudy
제작 문의를 제외한 일반 문의는 QA 게시판을 이용해주세요.

Copyright gnustudy.com All rights reserved.