[G5.3+] 그누보드5용 Trumbowyg 에디터
https://alex-d.github.io/Trumbowyg/
깔끔한 오픈소스 에디터인 Trumbowyg 를 그누보드 5.3 용으로 커스텀한 플러그인 입니다.
**설치가이드**
1. 다운받은 trumbowyg.zip의 압축을 풀어 그누보드루트폴더/plugin/editor 폴더에 업로드
2. 관리자 모드에서 환경설정 > 기본환경설정 > 에디터선택 에서 trumbowyg 선택
3. 게시판설정에서 DHTML 에디터 사용 체크
** 모바일에서도 에디터를 사용하려면
루트폴더/config.php에서
[code]define('G5_IS_MOBILE_DHTML_USE', false);[/code]
이 코드를 아래와 같이 변경
[code]define('G5_IS_MOBILE_DHTML_USE', true);[/code]
** 이미지 업로드 경로를 imgur로 대체하려면
trumbowyg에디터폴더의 config.js에서
[code]upload: {
serverPath: g5_url + '/plugin/editor/' + g5_editor + '/imageUpload/upload.php',
fileFieldName: 'image',
urlPropertyName: 'data.link',
},[/code]
이 코드를 아래와 같이 변경
[code]upload: {
serverPath: 'https://api.imgur.com/3/image',
fileFieldName: 'image',
headers: {
'Authorization': 'Client-ID xxxxxxxxxxxx'
},
urlPropertyName: 'data.link',
},[/code]
xxxxxxxxxxxx에는 imgur에서 발급받은 client-Id 값을 기입
(https://api.imgur.com/oauth2/addclient 이곳에서 발급받을 수 있음)
+
이미지 업로드 경로를 imgur로 변경하지 않았을 때
이미지는 기본적으로 그누보드의 다른 에디터와 동일하게 작동하며 data-editor 폴더에 저장됩니다
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 37개
imgur연동 감사~~~합니다
어딘가 수정해야 아미나에서 제대로 작동할 것 같은데 제가 좀 더 공부해볼게요~! ^-^
감사합니다!!
한별아빠 님께서 이 이슈에 대한 해결방법을 말씀해주셨습니다 :)
http://amina.co.kr/bbs/board.php?bo_table=apms_qa&wr_id=113366
그럼 즐겁고 뜻깊은 연말 되세요~!
최고일꺼같네요!
이미지 업로드 기능만 개선되면 정말 좋을 것 같아요
사용하시는 테마의 head.sub.php에서 자바스크립트에서 사용하는 전역변수 선언이 되어있는지 확인해보시길 바랍니다~
[code]<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>[/code]
폰트 종류 변경기능은 없는 것인가요?
제가 못찾은 것인지... ㅜㅜ; 안보이는 듯한데...
[code]add_javascript('<script src="'.$editor_url.'/plugins/fontfamily/trumbowyg.fontfamily.min.js"></script>', 2);[/code]
이 코드를 추가하시고
config.js 의 29번째 줄 쯤에
[code]['formatting', 'fontsize'],[/code]
이 부분을 아래와 같이 수정하시면 됩니다^^
[code]['formatting', 'fontsize', 'fontfamily'],[/code]
WYSIWYG 에디터 중에서 굉장히 컴팩트하고 가벼운 편이에요 ^^
기본 설치시에 16KB 정도라고 알고 있네요~
define('G5_IS_MOBILE_DHTML_USE', false);
항목을 찾아봤는데 없네요.....ㅜㅜ
[http://sir.kr/data/editor/1902/63ba8ce23dded54cd3b85abbc377fbe6_1550403236_6965.jpg]
그런데 youtube 동영상 url 넣고나서 화면을 보면 480*250으로 나오네요
입력단계에서 설정이 되어 있는것 같은데 직접 위 사이즈를 설정할 수 있나요?
있다면 어느부분에서 수정해야할까요?
아마 html 엔티티인거 같은데 왜그런지는 모르겟네요...