자료실

2024.09.18 19:24

TOAST UI Editor (TUI Editor)

3679e71c56466b0d13c4e4cccaa30acc_1726654523_6283.png
 

본 에디터는 NHN에서 개발 및 배포하는 TOAST UI Editor을 리빌더에서 사용할 수 있도록 제작되었습니다.

본 에디터는 리빌더 외에서 사용하실 경우 정상적으로 사용이 되지 않을 수 있으며, 타 빌더에서 사용시 extend/tui.extend.php 파일의 수정이 필요할 수 있습니다.


TUI Editor API 설명

https://nhn.github.io/tui.editor/latest/ 


TUI Editor Github

https://github.com/nhn/tui.editor 



본 에디터를 제작하는데에 도움을 주신 bank365님께 감사의 말씀 드립니다.




사용방법

- 압축을 풀어 그누보드5 루트에서 업로드 하십시오.

  - extned/tui.extend.php

  - plugin/editor/tui.editor

- 게시판의 에디터를 tui.editor로 설정하십시오.





TUI Editor는 에디터 구동에 필요한 js 및 css파일을 cdn으로 제공하지만,

커스텀에 용이할 수 있도록 내장에서 로드할 수 있도록 그누보드 서버에 업로드하여 불러오도록 제작 되었습니다.

API설명을 참고하여 에디터 수정이 필요하신 경우, editor.lib.php 파일을 수정하십시오.


본 에디터를 정상적으로 사용하기 위해 extend 파일의 추가가 필요합니다.

- extend/tui.extend.php 에디터에서 사용하는 CSS로 글이 정상적으로 표현되기 위한 CSS 및 스크립트 출력 함수가 있습니다.


TUI Editor의 원본 css가 수정되었습니다.

- 에디터 폼이 리빌더의 다른 Input과의 통일성을 위해 border-radius 값을 수정하였습니다.


처음에 올렸던 이후로 변경된 사항을 말씀 드립니다.

- 일부 환경에서 tui.extend.php 파일이 정상적으로 작동되지 않는 부분이 수정되었습니다. (bank365님 도움)

- 에디터 툴바의 툴팁이 한글로 표기되도록 수정되었습니다. (bank365님 제안)




에디터 미리보기(PC)


3679e71c56466b0d13c4e4cccaa30acc_1726654982_0818.png
 


에디터 미리보기(Mobile)


3679e71c56466b0d13c4e4cccaa30acc_1726655659_3271.jpg
 

  • 공유링크 복사
    미니홈 쪽지 구독하기
    구독하고 알림받기
구매 신청
  • 신용카드 결제는 별도상담을 통해 가능합니다.
    구매문의 : cs@false9.co.kr / 010-6466-3355
    신청 이후 담당자가 개별연락 드리고 있습니다.
    입금자명과 실제 입금자가 동일한 경우 자동처리 됩니다.

    • 결제예정 금액 : 0 (VAT별도)
    하나은행(KOEXKRSE) : 258-910104-00407 / 김은정(인덱스)

  •