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

본문 바로가기
전체검색

그누스킨닷컴

그누보드팁

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

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

페이지 정보

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

본문

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

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

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



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

신비님의 댓글

신비

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

커뮤니티는 당분간 중단하겠습니다.
그누보드팁 목록
번호 제목
공지 그누보드 팁 자료실 공지사항
127 관리자 페이지에서 출력 순서대로 게시판 목록 정렬
126 관리자 페이지 회원 목록에서 회원 정보 일괄 수정하기
125 포인트 내역 전체 초기화 모든 회원 포인트를 0으로 변경
124 게시판 페이지 타이틀 수정 방법
123 메일 발송 기능 사용 시 네이버 스팸메일함으로 분류되는 원인
122 게시판 글 등록 시 메일 발송 비회원은 발송되지 않을 때 해결 방법
121 전체 최신글에서 특정 게시판 출력 제외하기
120 메뉴 설정에서 메뉴코드 me_code 출력하기
119 특정 메뉴 색상을 다르게 설정하기
118 어느 검색 사이트에서 링크 타고 왔는지 확인하는 방법
117 에디터 입력화면 세로 높이 수정 smarteditor2, ckeditor4, cheditor5
116 오토셋(Autoset) 사용방법6 - 가상 호스트 설정 댓글2
115 네이버 소셜로그인 네아로 검수요청 신청서 작성 방법
114 파일 업로드시 파일명 변경 없이 원본 그대로 업로드
113 로그인 영역을 오른쪽에서 왼쪽으로 이동
112 1:1 문의 게시판에 새글이나 답변글 등록시 쪽지 발송하기
111 그누보드 5.3 버전 기본 메뉴 중앙 정렬하기
110 자동등록방지 캡챠(kcaptcha)코드 삭제 - 그누보드 5.3 버전
109 네아로, 네이버 소셜 로그인으로 가입시 닉네임 값에 이메일 아이디가 입력될 경우 댓글1
108 MySQL 버전 차이로 phpmyadmin 에서 DB 필드 타입 변경이 안 될 때
107 네이버 구글 검색 서브 링크
106 메인 메뉴 3차까지 추가하기
105 모바일 브라우저에서 링크 터치 하이라이트 제거 (링크 클릭 영역)
104 그누보드 5.3 기본 레이아웃 전체 가로 사이즈 변경
게시물 검색


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

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