TOAST UI Editor (190203수정) > 그누보드5 플러그인

그누보드5 플러그인

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

TOAST UI Editor (190203수정) 정보

TOAST UI Editor (190203수정)

첨부파일

tuieditor.zip (4.3M) 477회 다운로드 2019-01-17 16:12:16
editor.lib.php (8.7K) 98회 다운로드 2019-02-03 13:38:18

본문

https://ui.toast.com/tui-editor/

 

네이버NHN에서 만드는 에디터입니다.

최근 업데이트가 이번달일정도로 미래가 기대되는 에디터이며 현재 모습으로도 충분히 강력한 에디터입니다.

github에서도 사용하고 있는 마크다운 형식이며, 미리보기나 위지윅 에디터 형태의 모습도 지원합니다.

 

소스가 올려져있는 계정이 트래픽이 초과되어버려서 현재 당장은 그누보드용 데모사이트가 없습니다.

데모사이트 추가하였습니다(01-18 11:51)

트래픽이 리셋 되는대로 수정하여 링크에 넣겠습니다.

 

스마트에디터와 마찬가지로 MIT라이센스이기때문에 수정 및 배포가 자유로운에디터입니다.

 

전체 버전을 받아 작업하였기 때문에, 에디터의 용량(15MB가량)이 큽니다.

마크다운을 사용하고, 최신버전의 에디터답게(?) jquery 상위버전을 사용하기 때문에 그누보드에서 사용하려면

3.x이상의 jquery를 사용하시거나, 첨부된 juqery.migriate를 사용하셔야 합니다.

마크다운 문법을 사용하는 에디터이기 때문에 markdown.css가 필요합니다.

 

전 어제 알았지만,

나온지 1년정도 된 에디터라 그누보드에도 제작 되어있을 줄 알았는데 찾아보니 없었습니다.

그래서 만들어보았습니다.

 

관리자모드에서도 정상적으로 작동하고, 글쓰기, 저장.

이미지 업로드도 그누보드에 맞게 커스텀하였습니다.

 

테스트 동작 중에 확인해보니 에디터가 화면 크기나 모바일에 맞게 크기도 자동조정되더군요.

 

사용법은 첨부파일내의 README.txt를 참조해주세요.

 

2019-02-03 editor.lib.php의 일부 잘못된 내용을 수정하였습니다.

문제가 있으신 분들은editor.lib.php를 새로 받아주세요

추천
28

댓글 전체

답변 감사합니다.
방금 에디터 적용해봤는데 깔끔해서 좋네요. ^0^b
흨. 연동은 전 실력이 없어서 ㅠㅠ; 고수님들 자료에 기웃거리고 있습니다.ㅠㅠ;
언어에 따라 자동으로 바뀌진 않고 설정이 가능합니다.
https://github.com/nhnent/tui.editor/tree/production/src/js/langs
해당 링크에 가시면 지원하는 언어를 볼 수 있습니다.
editor.lib.php에서 ko_KR부분을 사용환경에 맞게 수정하시면 됩니다
아 그렇군요..감사드립니다
저는 다국어로 만들기때문에 각 국가별 언어로 나오면 좋은데 그누보드에서는 한가지 언어만 선택해서 사용할 수 있겠네요...
그래도 좋은 에디터 같습니다
이 에디터 일반인이 쓰기에는 아직 복잡한 것 같은데요.
개발자들 쓰기에는 엄청 좋네요?
좋은 에디터 같아요! 그누보드에 맞게 커스텀까지. 흐흐
좋은 자료 감사합니다!
...............................

구글의 검색엔진과 대화를 빠르게 할 수 있는 기능은
기본 탑재가 되었을 것 같은데요. 공식 같은 것도 입력이 될까요?



이런 모습요.

수학공식을 표기할 수 있나 뒤져 보았으나 저는 못 찿겠네요.
위젯인 그리드 기능은 막강해 보입니다.
훌륭한 친구(TOAST UI Editor)를 만나 기분이 너무 좋습니다.
감사합니다.
테마가 있을때는 어디에 적용하는지요. 저는 아무리 해봐도 안되네요.
head.sub.php에서
<link rel="stylesheet" href="<?php echo G5_CSS_URL?>/markdown.css">
<script src="<?php echo G5_JS_URL ?>/jquery-3.0.0.js"></script>
<script src="<?php echo G5_JS_URL ?>/jquery-migrate-3.0.1.js"></script>
아무곳에 적용해도 되는지요. 한수 부탁드립니다.

 볼피드님 올려주신 이번에디터를 꼭 사용하고 싶습니다. 도움좀 부탁드립니다.
초보입니다. 위에 올려주신대로 해봐도 적용이 잘안되는데 자세하게 설명좀 해주시면 감사하겠습니다. 테마로 사용하고 있습니다. 제발 부탁드립니다.
자문자답입니다. ㅠ,.ㅜ 초보를 위해서 몇자 적어봅니다.  볼피드님이 올려주신 파일중  README.TXT 읽어보시고 테마 사용하시는분은 테마밑에 있는 CSS폴더에 markdown.css업로드js 폴더의 juqery.3.0.0.js, jquery-migrate-3.0.1.js를 업로드 하신후 꼭 게시판에서 DHTML 에디터 사용에 체크를 하셔야 작동이 됩니다.
좋은 자료 감사드려요! ^^
iOS에서 한글 입력시 문제가 없는 에디터를 찾고 있었는데요~
아이폰(크롬)에서 테스트해봤더니 아쉽게도 엔터 입력이 완벽하지는 않네요 ㅠㅠ
이 점을 제외하면 정말 마음에 드는 에디터이네요~!
그럼 좋은 주말 되세요 :)
오오 너무 좋은자료입니다.
그런데 왜 인지 모르겠지만 에디터가 두개이상 함께 불러지지 않고,
기존에 기입되어있던 내용을 불러오지 못하네요.
저는 저에맞게 수정하면 해결하겠지만 다른분들은 이러한 버그가 없으셨나요?
pc에선 정말 멋지게 나오는 에디터입니다. ^^)b
제쪽의 문제인지 모바일 환경에서 "..." 누르면 더보기만 나올뿐 안보이는 메뉴가 나오지 않아 이 좋은 에디터를 사용하지 못하는게 아쉽네요. 수정할 실력이 안되서 더더욱 그렇구요

멋진 자료 공개하여 주시어 감사합니다
다운받은 파일에서 찾는게 아니라 그누보드 파일에서 찾는거에요.
테마를 사용하시면 theme>basic 안에 있어요. 안쓰시면 그누보드 폴더에 들어가면 바로 있어요.
전체 503
그누보드5 플러그인 내용 검색

회원로그인

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