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

본문 바로가기
전체검색

아이디비번찾기

그누보드 팁

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

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

페이지 정보

작성자 관리자 작성일17-11-06 20:11 조회922회

본문

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

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

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



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

신비님의 댓글

신비

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

관리자님의 댓글

관리자

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

로그인 후 댓글을 남겨주세요.
그누보드 팁 목록
번호 제목
공지 그누보드 팁 자료실 공지사항
92 썸네일 이미지 출력할 때 여백 없이 사용하기
91 문자열 글자 자르기 cut_str 함수
90 로그인 로그아웃했을 때 특정 페이지로 이동
89 메뉴 설정 회원 레벨별로 다르게 출력하기 댓글2
88 관리자 페이지 메뉴 추가하는 방법
87 게시판 조회수 새로고침 할 때마다 증가시키는 방법
86 인기 검색어 DB에 저장하지 않기
85 회원 아이디를 이메일 주소로 가입 및 로그인 댓글4
84 특정 게시판에서 이미지 파일만 업로드 허용하기
83 총 게시물수, 코멘트수 출력하기
82 게시판 관리자가 본인보다 레벨이 높은 회원이 작성한 글 관리
81 분류명에 특수문자는 사용할 수 없습니다.
80 네아로 네이버 소셜 로그인 도메인 www 유무에 따라 안 되는 현상
79 네아로 네이버 소셜 로그인을 사용할 때 접속 해제하는 방법
78 최고관리자,게시판관리자 여러명 추가하기
77 테스트 회원 아이디를 제공할 때 회원 정보 수정 금지
76 아이코드 문자 발신번호 등록하는 방법
75 Warning: Unknown: write failed: Disk quota exceeded 그누보드 사용 …
74 소셜 로그인 그누보드 5.3버전에 있는 것을 5.2버전에 추가하기 댓글2
73 사이트에 숨김 처리된 스팸 광고 글이 있는지 확인하는 방법
72 광고 스팸성 글을 안 보이게 숨겨서 올리는 것 필터링
71 게시판 글 제목이나 내용에서 단어 필터링 관리자는 예외 시키기
70 인덱스(index) 페이지에 특정 게시판을 직접 출력하기 댓글4
69 모바일과 PC 테마 각각 다른 테마를 사용해서 적용하기
게시물 검색


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

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