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

본문 바로가기
사이트 내 전체검색

아이디비번찾기

그누보드팁

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

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

페이지 정보

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

본문

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

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

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



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

신비님의 댓글

신비

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

로그인 후 댓글을 남겨주세요.
그누보드팁 목록
번호 제목
공지 그누보드 팁 자료실 공지사항
74 소셜 로그인 그누보드 5.3버전에 있는 것을 5.2버전에 추가하기
73 사이트에 숨김 처리된 스팸 광고 글이 있는지 확인하는 방법
72 광고 스팸성 글을 안 보이게 숨겨서 올리는 것 필터링
71 게시판 글 제목이나 내용에서 단어 필터링 관리자는 예외 시키기
70 인덱스(index) 페이지에 특정 게시판을 직접 출력하기 댓글4
69 모바일과 PC 테마 각각 다른 테마를 사용해서 적용하기
68 게시판에 글 등록시 발송되는 메일 제목 또는 내용 수정하기
67 비밀글로 작성된 글을 읽을 때 무조건 패스워드 입력받기
66 특정 게시판 내용 없이 글 등록하기
65 크롬에서 비밀번호 입력란이 공백으로 보일 때
64 회원 삭제시 완전히 삭제하기
63 신규 회원 가입 임시 차단
62 스팸 회원 가입 차단하는 방법 댓글1
61 분류에 있는 공지 글자 바꾸기
60 그누보드에 Font Awesome 적용하기
59 그누보드 처음 설치할 때 확인해야 할 사항 댓글2
열람중 DHTML 에디터 PC 모바일 구분해서 사용하는 방법 댓글1
57 스마트 에디터 툴바 아이콘 삭제하는 방법 댓글1
56 게시판 하단 페이징 숫자 간격 맞추기
55 본문 이미지 alt 값에 글 제목 넣기 댓글1
54 스마트 에디터에서 사진 업로드 기능 없애기
53 회원 가입 메일 인증을 회원 목록에서 일괄 처리 댓글1
52 스마트 에디터 사진 업로드 용량 제한하기
51 게시판 관리에서 상단 이미지 업로드 추가하기
게시물 검색


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

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