[G5.3+] 그누보드5용 Trumbowyg 에디터 > 그누보드5 플러그인

그누보드5 플러그인

그누보드는 다양한 기능을 추가하기 쉽습니다.

[G5.3+] 그누보드5용 Trumbowyg 에디터 정보

[G5.3+] 그누보드5용 Trumbowyg 에디터

첨부파일

trumbowyg.zip (104.7K) 359회 다운로드 2018-12-10 22:25:47

본문

https://alex-d.github.io/Trumbowyg/

깔끔한 오픈소스 에디터인 Trumbowyg 를 그누보드 5.3 용으로 커스텀한 플러그인 입니다.

 

**설치가이드**

1. 다운받은 trumbowyg.zip의 압축을 풀어 그누보드루트폴더/plugin/editor 폴더에 업로드

2. 관리자 모드에서 환경설정 > 기본환경설정 > 에디터선택 에서 trumbowyg 선택

3. 게시판설정에서 DHTML 에디터 사용 체크

 

 

** 모바일에서도 에디터를 사용하려면

루트폴더/config.php에서

define('G5_IS_MOBILE_DHTML_USE', false);

이 코드를 아래와 같이 변경

define('G5_IS_MOBILE_DHTML_USE', true);

 

 

** 이미지 업로드 경로를 imgur로 대체하려면

trumbowyg에디터폴더config.js에서

upload: {
    serverPath: g5_url + '/plugin/editor/' + g5_editor + '/imageUpload/upload.php',
    fileFieldName: 'image',
    urlPropertyName: 'data.link',
},

이 코드를 아래와 같이 변경

upload: {
    serverPath: 'https://api.imgur.com/3/image',
    fileFieldName: 'image',
    headers: {
        'Authorization': 'Client-ID xxxxxxxxxxxx'
    },
    urlPropertyName: 'data.link',
},

xxxxxxxxxxxx에는 imgur에서 발급받은 client-Id 값을 기입

(https://api.imgur.com/oauth2/addclient 이곳에서 발급받을 수 있음)

 

 

+

이미지 업로드 경로를 imgur로 변경하지 않았을 때

이미지는 기본적으로 그누보드의 다른 에디터와 동일하게 작동하며 data-editor 폴더에 저장됩니다

추천
16

댓글 전체

앗.. 제가 잘못 설정했는지 모르겠지만 무료 웹호스팅 두 곳에서 테스트해봤는데 아미나에서는 글자 입력이 안 되는군요 ㅠㅠ
어딘가 수정해야 아미나에서 제대로 작동할 것 같은데 제가 좀 더 공부해볼게요~! ^-^
감사합니다!!
안녕하세요?
한별아빠 님께서 이 이슈에 대한 해결방법을 말씀해주셨습니다 :)
http://amina.co.kr/bbs/board.php?bo_table=apms_qa&wr_id=113366
그럼 즐겁고 뜻깊은 연말 되세요~!
php5와 7모두에서 정상동작 확인하였습니다
사용하시는 테마의 head.sub.php에서 자바스크립트에서 사용하는 전역변수 선언이 되어있는지 확인해보시길 바랍니다~
<script>
// 자바스크립트에서 사용하는 전역변수 선언
var g5_url       = "<?php echo G5_URL ?>";
var g5_bbs_url   = "<?php echo G5_BBS_URL ?>";
var g5_is_member = "<?php echo isset($is_member)?$is_member:''; ?>";
var g5_is_admin  = "<?php echo isset($is_admin)?$is_admin:''; ?>";
var g5_is_mobile = "<?php echo G5_IS_MOBILE ?>";
var g5_bo_table  = "<?php echo isset($bo_table)?$bo_table:''; ?>";
var g5_sca       = "<?php echo isset($sca)?$sca:''; ?>";
var g5_editor    = "<?php echo ($config['cf_editor'] && $board['bo_use_dhtml_editor'])?$config['cf_editor']:''; ?>";
var g5_cookie_domain = "<?php echo G5_COOKIE_DOMAIN ?>";
</script>
https://github.com/Alex-D/Trumbowyg/blob/develop/plugins/fontfamily/trumbowyg.fontfamily.js 이런 플러그인을 설치해보라는데... 음... 제가 지금 여유가 없어서 테스팅을 못하고 있네요. 누군가 해보시면 참 좋을듯...
editor.lib.php의 35번째 줄 쯤에
add_javascript('<script src="'.$editor_url.'/plugins/fontfamily/trumbowyg.fontfamily.min.js"></script>', 2);

이 코드를 추가하시고

config.js 의 29번째 줄 쯤에
['formatting', 'fontsize'],

이 부분을 아래와 같이 수정하시면 됩니다^^
['formatting', 'fontsize', 'fontfamily'],
이 에디터에 대해 저보다 더 잘 아시는 분들이 많이 계시겠지만
WYSIWYG 에디터 중에서 굉장히 컴팩트하고 가벼운 편이에요 ^^
기본 설치시에 16KB 정도라고 알고 있네요~
모바일에서도 에디터를 사용하려고 루트폴더/config.php에서
define('G5_IS_MOBILE_DHTML_USE', false);
항목을 찾아봤는데 없네요.....ㅜㅜ
초짜입니다. 자료 잘 받아서 쓰고 있어요..
그런데 youtube 동영상 url 넣고나서 화면을 보면 480*250으로 나오네요
입력단계에서 설정이 되어 있는것 같은데 직접 위 사이즈를 설정할 수 있나요?
있다면 어느부분에서 수정해야할까요?
전체 503
그누보드5 플러그인 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT