TOAST UI Editor (190203수정) 정보
TOAST UI Editor (190203수정)관련링크
첨부파일
본문
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
댓글 전체
잘 사용하겠습니다
혹시 네이버 에디터에 imgur도 연동이 가능할까요?
addImageBlobHookd에서 처리 가능할 것 같습니다.
방금 에디터 적용해봤는데 깔끔해서 좋네요. ^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>
아무곳에 적용해도 되는지요. 한수 부탁드립니다.
볼피드님 올려주신 이번에디터를 꼭 사용하고 싶습니다. 도움좀 부탁드립니다.
iOS에서 한글 입력시 문제가 없는 에디터를 찾고 있었는데요~
아이폰(크롬)에서 테스트해봤더니 아쉽게도 엔터 입력이 완벽하지는 않네요 ㅠㅠ
이 점을 제외하면 정말 마음에 드는 에디터이네요~!
그럼 좋은 주말 되세요 :)
감사합니다
그런데 왜 인지 모르겠지만 에디터가 두개이상 함께 불러지지 않고,
기존에 기입되어있던 내용을 불러오지 못하네요.
저는 저에맞게 수정하면 해결하겠지만 다른분들은 이러한 버그가 없으셨나요?
제쪽의 문제인지 모바일 환경에서 "..." 누르면 더보기만 나올뿐 안보이는 메뉴가 나오지 않아 이 좋은 에디터를 사용하지 못하는게 아쉽네요. 수정할 실력이 안되서 더더욱 그렇구요
멋진 자료 공개하여 주시어 감사합니다
그런데 css 파일은 어디서 받을 수 있나요?
일단 깃허브에서 깃허브-마크다운 css 파일을 사용했긴 했는데..
첨부파일의 README.txt 에 나오는 head.sub.php 파일을 어디서 찾으셨나요? 저는 도무지 못찾겠어서, 여쭤봅니다...ㅠㅠ
테마를 사용하시면 theme>basic 안에 있어요. 안쓰시면 그누보드 폴더에 들어가면 바로 있어요.