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 파일 수정 부분에서 폴더명만 지정해주면 될 겁니다.
댓글목록 +2
댓글목록
신비님의 댓글
신비 작성일적용해보니 아주 잘 되네요. 감사합니다.
관리자님의 댓글
관리자 작성일
모바일용 에디터는 이것도 괜찮아 보입니다.
https://sir.kr/g5_plugin/3781
https://sir.kr/g5_plugin/3689