[G5.3+] 그누보드5용 Trumbowyg 에디터 정보
[G5.3+] 그누보드5용 Trumbowyg 에디터첨부파일
본문
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
16
댓글 전체
오우 감사합니다
imgur연동 감사~~~합니다
imgur연동 감사~~~합니다
심플하고 가벼우면서 제게 필요한 기능은 거의 다 들어간 에디터여서 꼭 사용해보고 싶었는데 정말 감사드려요~ :)
앗.. 제가 잘못 설정했는지 모르겠지만 무료 웹호스팅 두 곳에서 테스트해봤는데 아미나에서는 글자 입력이 안 되는군요 ㅠㅠ
어딘가 수정해야 아미나에서 제대로 작동할 것 같은데 제가 좀 더 공부해볼게요~! ^-^
감사합니다!!
어딘가 수정해야 아미나에서 제대로 작동할 것 같은데 제가 좀 더 공부해볼게요~! ^-^
감사합니다!!
혹시 해결하셨나요?? 저도 아미나에서 적용하려하는데, 글 작성창에 커서가 안생기네요;;;;
안녕하세요?
한별아빠 님께서 이 이슈에 대한 해결방법을 말씀해주셨습니다 :)
http://amina.co.kr/bbs/board.php?bo_table=apms_qa&wr_id=113366
그럼 즐겁고 뜻깊은 연말 되세요~!
한별아빠 님께서 이 이슈에 대한 해결방법을 말씀해주셨습니다 :)
http://amina.co.kr/bbs/board.php?bo_table=apms_qa&wr_id=113366
그럼 즐겁고 뜻깊은 연말 되세요~!
감사합니다.
이걸이용해서 다른 그누보드 설치된 계정에 업로드 폴더에 업로드 할수있는 방법있으면
최고일꺼같네요!
최고일꺼같네요!
우와~~ 감동감동.
와 넘잘되네용 ㅎㅎ 감사합니다
상당히 깔끔하고 가벼워 보이는 에디터네요
이미지 업로드 기능만 개선되면 정말 좋을 것 같아요
이미지 업로드 기능만 개선되면 정말 좋을 것 같아요
감사합니다 ㅎㅎ
정말 깔끔한 에디터네요! 감사합니다! 감사히 스크랩해가겠습니다 ^^
업로드시 오류가 나는데 왜그런지 아실까요??
php5와 7모두에서 정상동작 확인하였습니다
사용하시는 테마의 head.sub.php에서 자바스크립트에서 사용하는 전역변수 선언이 되어있는지 확인해보시길 바랍니다~
사용하시는 테마의 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번째 줄 쯤에
이 코드를 추가하시고
config.js 의 29번째 줄 쯤에
이 부분을 아래와 같이 수정하시면 됩니다^^
add_javascript('<script src="'.$editor_url.'/plugins/fontfamily/trumbowyg.fontfamily.min.js"></script>', 2);
이 코드를 추가하시고
config.js 의 29번째 줄 쯤에
['formatting', 'fontsize'],
이 부분을 아래와 같이 수정하시면 됩니다^^
['formatting', 'fontsize', 'fontfamily'],
trumbowyg 가 smarteditor나 cheditor의 비해 어떤 장점들이 있을까요??
이 에디터에 대해 저보다 더 잘 아시는 분들이 많이 계시겠지만
WYSIWYG 에디터 중에서 굉장히 컴팩트하고 가벼운 편이에요 ^^
기본 설치시에 16KB 정도라고 알고 있네요~
WYSIWYG 에디터 중에서 굉장히 컴팩트하고 가벼운 편이에요 ^^
기본 설치시에 16KB 정도라고 알고 있네요~
그렇군요, 좋은 정보 감사드려요 :)
그누보드5의 기본 내장 에디터는 디자인이 투박하며 모바일에서 사용하기 다소 불편하다는 단점이 있습니다 :)
그렇군요, 좋은 정보 감사드려요 :)
감사합니다
아미나 빌더에서는 글이 안써지네요
이미지 드래그로 올리는것만 되면 완벽인대.. 혹시 모바일에서만 이 에디터를 사용할수있을까요? pc는 그대로하고
좋네요! 감사합니다!
감사합니다 ^^
모바일에서도 에디터를 사용하려고 루트폴더/config.php에서
define('G5_IS_MOBILE_DHTML_USE', false);
항목을 찾아봤는데 없네요.....ㅜㅜ
define('G5_IS_MOBILE_DHTML_USE', false);
항목을 찾아봤는데 없네요.....ㅜㅜ
깔끔하게 적용했습니다. 감사합니다^^
초짜입니다. 자료 잘 받아서 쓰고 있어요..
그런데 youtube 동영상 url 넣고나서 화면을 보면 480*250으로 나오네요
입력단계에서 설정이 되어 있는것 같은데 직접 위 사이즈를 설정할 수 있나요?
있다면 어느부분에서 수정해야할까요?
그런데 youtube 동영상 url 넣고나서 화면을 보면 480*250으로 나오네요
입력단계에서 설정이 되어 있는것 같은데 직접 위 사이즈를 설정할 수 있나요?
있다면 어느부분에서 수정해야할까요?
넘 멋져요^^
좋은 자료 감사합니다! 잘 사용하겠습니다!
define('G5_IS_MOBILE_DHTML_USE', true); 했는데 모바일에서 적용이 안되네요 이유가 있을까요?
< 입력하고 업로드한뒤에 게시글 수정하고 업로드하면 이상한 문자로뜨네요..
저도 그렇습니다...(저는 > 입력했습니다)
아마 html 엔티티인거 같은데 왜그런지는 모르겟네요...
아마 html 엔티티인거 같은데 왜그런지는 모르겟네요...
감사합니다