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

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