콘텐츠 허브

  • 기타
  • 인기
    • 공유링크 복사
      (24.09.25 수정)TOAST UI Editor (TUI Editor)
    • 무료

    파일 다운로드

    무료로 다운로드 할 수 있습니다.
      TUIEditor(24.09.25).zip37회
    • 고유번호
    • 258
    • 최근 업데이트
    • 2024.09.25 13:16
    • 누적 다운로드
    • 37회
      미니홈 쪽지 구독하기
      구독하고 알림받기

    링크

    상세정보

    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님께 감사의 말씀 드립니다.


     24.09.25 수정 내용


    1. 게시판 관리 페이지에서 에디터가 표시되지 않은 문제를 수정하였습니다.

    변경 파일 : plugin/editor/tui.editor/editor.lib.php


    2. 게시글 보기 페이지에서 에디터와 관련된 css를 로드하지 못하는 문제를 수정하였습니다.

    변경 파일 : extend/tui.extend.php



    사용방법

    - 압축을 풀어 그누보드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
     

    [이 게시물은 리빌더님에 의해 2025-10-09 15:05:18 유저 자료실에서 이동 됨]
    HUMHAE 님의 콘텐츠가 도움이 되셨다면
    잊지말고 추천 해주세요!

      댓글목록

      profile_image
      bank365미니홈 1:1 대화하기 오래 전

      좋은 에디터 배포 감사드립니다.
      HU님 쫌 짱이신듯!!! ㅋㅋ
      제 닉네임까지 넣어주셔서 영광스럽네요 ㅎ
      벌써 밤이네요
      하루 마무리 잘하시고 꿀잠 주무시고 내일도 모래도 항상 화이팅 하십시요!!

      2024-09-18 19:58

      profile_image
      no_profile 민트다이어리미니홈 1:1 대화하기 오래 전

      스마트에디터 대안으로 좋을 것 같습니다.
      감사합니다 ^^

      2024-09-19 07:47

      profile_image
      타임프렌즈미니홈 1:1 대화하기 오래 전

      안녕하세요
      좋은소스 제공해주셔서 감사합니다.
      혹시 반응형 모바일 버전에는 그림또는 기능 클릭시 새창팝업이 왼쪽으로 반이나 가려지는 현상이 있는데 이건 어떻게 해결방법 알수 있을까요??

      2024-09-19 10:59

      profile_image
      HUMHAE미니홈 1:1 대화하기 오래 전 작성자

      제가 금일중으로 확인 해보겠습니다!

      2024-09-19 10:59

      profile_image
      타임프렌즈미니홈 1:1 대화하기 오래 전

      너무 좋은데 ㅠㅠ 인라인코드가 안먹히는것같고 코드블럭 삽입후 지워질때가 있고 안지워질때가 있어서

      2024-09-19 16:27

      profile_image
      HUMHAE미니홈 1:1 대화하기 오래 전 작성자

      인라인코드가 글쓰기 페이지에서는 적용이 되었다가 게시글 뷰 페이지에서 적용이 안되는건가요?

      2024-09-19 16:37

      profile_image
      HUMHAE미니홈 1:1 대화하기 오래 전 작성자

      새창 팝업은 에디터에서 기본적으로 팝업을 띄울때 계산하는 코드에 문제가 있는 것 같아서 css를 좀 손봐야할 것 같아요.
      인라인코드는 글쓰기에서 보이나 뷰페이지에서 보이지 않을경우 extend가 정상적으로 작동되는지 테스트가 필요해보입니다.

      2024-09-20 09:32

      profile_image
      타임프렌즈미니홈 1:1 대화하기 오래 전

      아고 답변이 늦엇습니다.
      인라인코드는 소스 넣어도 유튜브퍼오기소스도 먹히지 않는 현상이더라구요 ㅎㅎ

      2024-09-20 18:25

      profile_image
      HUMHAE미니홈 1:1 대화하기 오래 전 작성자

      해당 부분으로 확인 해보겠습니다 ㅎㅎ

      2024-09-21 09:16

      profile_image
      HUMHAE미니홈 1:1 대화하기 오래 전 작성자

      제가 확인해보니, 인라인코드는 html 코드를 넣는 용도가 아니라 한줄 코드를 강조해서 쓰는 용도로 사용된다고 합니다.
      HTML 코드를 직접적으로 삽입하는건 별도로 지원하지 않는것으로 확인 됩니다.
      별도로 플러그인을 만들어보고 완성이 되면 배포하겠습니다.

      2024-09-23 15:55

      profile_image
      no_profile 우루사100mg미니홈 1:1 대화하기 오래 전

      오우 너무 감사합니다. 잘 이용해 보겠습니다.^^

      2024-09-19 13:29

      profile_image
      no_profile rainbow미니홈 1:1 대화하기 오래 전

      에디터가 깔끔해 보입니다. ^^

      2024-09-20 10:36

      profile_image
      bank365미니홈 1:1 대화하기 오래 전

      안녕하세요
      버그가 있어 문의드립니다.
      댓글에 이미지 첨부가 아니되어
      자유게시판에 글 남깁니다. 확인 부탁드립니다.
      https://rebuilder.co.kr/free/324

      2024-09-24 19:59

      profile_image
      no_profile 다음어디미니홈 1:1 대화하기 오래 전

      필요한 에디터였는데 감사합니다. 리빌더 업데이트때 같이 업데이트되면 좋겠어요 ㅎ;;

      2024-09-26 14:46

      profile_image
      bank365미니홈 1:1 대화하기 오래 전

      리빌더 전용 에디터가 개발되고 있답니다ㅎ
      HUMHAE님 에디터를 먼저 사용해 보시다 리빌더 공식에디터와 비교해 보시고 결정하시길 바래요

      2024-09-26 20:26

      profile_image
      no_profile 잼잼미니홈 1:1 대화하기 오래 전

      깔끔하니 저는 이게 마음에 드네요
      너무 좋습니다..
      감히 아쉬운점을 말씀드리면
       글씨 중간이나 오른쪽에 정렬 그런게 없네요..ㅠㅋㅋ

      2024-10-22 01:07

      profile_image
      미키손미니홈 1:1 대화하기 오래 전

      덕분에 잘사용하고 있어요
      김사힙니다
      사용시 포인트로 글자크기 조절기능은 없나요^^

      2024-11-01 10:33

      profile_image
      no_profile 이진수미니홈 1:1 대화하기 오래 전

      오우 너무 감사합니다. 잘 이용해 보겠습니다.^^

      2024-11-01 10:38