목록

Default Image
인증된 제작자
등록 2026.08.31
최근 릴리즈 2026.09.01
5
33

자료 정보

쉬운 설치 쉬운 설치 지원
간단한 소개 커뮤니티, 일상용 깔끔한 에디터입니다.
설치 경로 ./modules/editor/skins/roundeditor
PHP 지원 범위 PHP 7.4 이상
자료 구분 공개 자료 GPL v2
저장소 URL https://github.com/Waterticket/rx-editor-roundeditor
데모 URL https://root-skin.demo.hotoproject.com/board/write
AI 사용 여부 이 자료 전체를 AI가 생성했습니다. 사람이 검토한 부분은 매우 적습니다.

버전 내역

  • 1.1.0 2026.09.01 684.0KB 15회 다운로드 preview 모듈 지원, CKEditor 4 파사드 일부 추가.
  • 1.0.1 2026.08.31 665.9KB 4회 다운로드 테이블 에디터 추가, CDN 추가
  • 1.0.0 2026.08.31 615.5KB 14회 다운로드

상세 설명

Round Editor

커뮤니티, 일상용 깔끔한 에디터입니다.

 

image.png

image.png

 

깔끔한 멀티미디어 관리

image.png

- 이미지 하단에 설명글을 입력할 수 있어요.

- 본문에 없는 이미지는 빗금으로 쉽게 확인할 수 있어요.

 

image.png

- 이미지 자체에서 대표 이미지를 선택할 수 있어요.

- 이미지 정렬이나, 크기 변경과 같은 속성을 간단하게 조정할 수 있어요.

 

image.png

- 동영상도 이미지와 동일하게 기능이 제공돼요.

- 자동재생이나, 컨트롤 표시와 같은 동영상 전용 속성도 쉽게 조정할 수 있어요.

 

업로드 과정 강화

image.png

- 에디터 본문에 미디어가 삽입될 자리에 첨부 메세지가 표시돼요.

- 에디터 자체에 Drag & Drop을 지원해요.

 

image.png

- 에디터 하단 파일 첨부 메뉴에서 업로드 현황을 확인할 수 있어요.

 

테이블 편집기

image.png

- 테이블을 간단하게 조작하고 수정할 수 있어요.

 

서드파티1 - 스티커 모듈 연동

image.png

- 커뮤니티 필수, 스티커 모듈을 게시글에서 사용할 수 있어요. (스티커 모듈 1.2.0 이상부터 지원)

 

서드파티2 - oEmbed 모듈 연동

image.png

- oEmbed 모듈을 사용해서, 유튜브, X, 인스타그램 등 SNS를 불러올 수 있어요.

 

이외 편의성 기능

- 블로그 등 일상 게시물을 작성할 때의 편의성을 고려했어요.

- 대표적으로, 여러개의 이미지 사이에서 글을 입력할때의 불편함을 해결하기 위해, 이미지 꼭대기에 마우스를 올리면 빈공간을 추가하는 UI를 넣어두었어요.

- 설문조사 등 기존 CKEditor에서 사용하던 에디터 임베드의 호환성을 고려하였어요.

 

+) 개인적으로 이 에디터는 PC기준 높이를 500px 정도로, 기존보다 높이는 것을 권장해요.

 

CDN 지원

image.png

에디터 설정 > 추가 플러그인 로드에 "jsdelivr-cdn"을 입력하세요.

에디터 CSS, JS, SVG를 CDN에서 불러와요.

만약 CDN 요청이 실패하면 서버에 저장된 파일을 직접 불러옵니다.

 

 

CKEditor 4 환경에서 만들어진 컴포넌트, 모듈 들 한정적 지원

CKEditor 4에서 잘 사용하던 컴포넌트를, Round Editor에서 동작하게 하고 싶을 경우 알려주세요.

가능한 범위 내에서 연동을 지원해드립니다.

CKEditor의 기존 기능은 일부 포함하면서, 디자인과 편의성을 개선하는게 이 프로젝트의 목표입니다.

 

 

신규 컴포넌트 등 서드파티 개발을 위한 문서

본 에디터는 Prosemirror를 기반으로 제작했어요.

Prosemirror용 플러그인을 지원하며, 아래 문서에 나와있는 API를 공식적으로 지원해요.

https://github.com/Waterticket/rx-editor-roundeditor/blob/main/docs/README.md

 

 

개발 및 유지보수

불편한 점 혹은 부족한 점을 제보해주세요.

특히 아직 모바일에서 테스트를 충분히 진행하지 못했어요.

좋은 아이디어나 개선점은 항상 환영입니다.

 

만일 CKEditor 4로 작성했던 글이 깨지거나, 제대로 불러와지지 않는 경우도 알려주세요.

계속 유지보수됩니다.

사용자 피드백 10

  • 링크 프리뷰 모듈은 게시판 지정만으로 연동이 되질 않는것 같은데요.
    혹시 링크 프리뷰 ( https://rhymix.org/pds/1724355 ) 모듈을 사용하려면 간단하게 팁 수준으로 가능한 부분일지 문의드립니다.
    자료 감사합니다.

  • @마트몬

    https://rhymix.org/pds/1939789 oEmbed 모듈이 동일 기능을 하는 것 같아서, 해당 모듈을 연동하였습니다.

    링크 프리뷰 모듈만 지원하는 기능이 있어서 그걸 사용하시는 걸까요?

  • @리버스

    oEmbed  모듈이 php8 이상 지원인 부분, 그리고 php7.4에서 별 문제는 없을 것 같기도 한데 링크 프리뷰 모듈 사용 당시 삽입된 코드가 oEmbed  모듈로 교체 시 css가 달라 화면 깨짐이 있을 것 같아서 입니다.

     개인적인 사정이라 많은 부분이 수정, 또는 추가 되어야 한다면 oEmbed  모듈로 교체를 고려 해보겠습니다.

  • @마트몬

    위 답변이랑 별개로 링크 프리뷰 모듈같이 에디터에 값을 넣는 방법이 기존 CKEditor랑 달라져서 호환이 안됩니다.

    호환 레이어를 만들어보고있는데, 그때 같이 테스트해보겠습니다.

  • @리버스

    네 감사합니다. 

  • @마트몬

    1.1.0 버전을 받아주시고, preview 모듈 소스코드를 아래처럼 변경해주세요.

     

    https://github.com/cydemo/rx-module-preview/pull/17/changes

  • @리버스

    프리뷰 모듈이 라운드 에디터에서도 잘 작동됩니다. 감사합니다.

  • 멋집니다. ~~

    템플릿 컴포넌트를 이용해 콘텐츠를 넣는 것까지는 되는데, 내용 수정이 안되네요. 

    선택하면 외곽에 사각 선만 인식됩니다. (더블 클릭해도 안되고,, ^^;;)

    테이블(표)는 caption 이게 문제인 것 같고,

     

    소스를 확인해 보니, 템플릿 컴포넌트로 작성했던 원래 소스 외에 다른 (시전 설정된?) 스타일이 자동으로 적용되는 군요..

    템플릿에 적용했던 커스텀 class가 삭제되는데.. 소스 수정해도 반영이 안되는 점도 있네요.

     

    최근 새로운 에디터 공개되고 있어 이렇게 저렇게 적용해 보고 있습니다. 즐겁네요 ~~

    감사합니다.

     

     

     

     

     

  • @마래바

    감사합니다.

    CKEditor랑 근본적인 구조부터 다르다보니 모든 기능을 동작하게 하는데에 한계가 있습니다.

    어떤 컴포넌트 사용하셨는지 알려주시면, 에디터 안정화 이후에 차차 지원해나가도록 하겠습니다.

    다만, 일부 컴포넌트는 불가피하게 지원이 되지 않을 수 있는점 양해 부탁드립니다.

     

    커스텀 class는 기본적으로 라이믹스 HTMLPurifier를 따르는데, 스크립트에서 자동으로 삭제하는 부분이 있는지 한번 확인해보겠습니다.

     

    사용해보시고 더 개선점이 보이신다면 알려주세요~

    감사합니다.

  • @리버스

    심플하고 예쁘고 너무 훌륭한 에디터라고 생각합니다.

    다만 기존에 ckeditor4 기반으로 만들어진 것들이다 보니, 다소 틀어지는(?) 부분이 있는 것 같습니다.

     

    개인적으로 제일 많이 사용하는 것은 윤삼 님의 템플릿 컴포넌트입니다.

    다양한 템플릿을 미리 만들어 놓고 글 작성 시 적절하게 불러다 사용하고 있습니다.

    다만 roundeditor에서 불러오면 해당 템플릿에 사전 정의된 커스텀 class가 사라지다 보니.... ^^;;

     

    조금 더 테스트해 보겠습니다.

    감사합니다.~