KuroEditor — 의존성 제로의 WYSIWYG 에디터

KuroEditor는 Vanilla JS와 Tailwind CSS만으로 만든 임베드용 WYSIWYG 에디터입니다. React·Vue·jQuery는 필요 없고, <script> 한 줄과 마운트할 <div>만 있으면 동작합니다. 편집 중의 모습과 공개 페이지의 모습을 같은 CSS로 만들기 때문에 쓴 그대로 표시됩니다. KuroCMS의 글 에디터에도 쓰고 있습니다.

특징#

• 제목 H1~H4, 인용, 콜아웃(4색), 목록, 글자색, 글꼴 크기, 줄 간격, 정렬, 코드 블록(줄 번호·복사 포함)
• 셀 병합·분할, 테두리 개별 지정, 드래그로 열 너비 조정을 지원하는 표
• 이미지·동영상·음성·YouTube / Vimeo 삽입. 드래그 앤 드롭과 붙여넣기 지원
• [[slug]] 형식의 위키식 링크와 URL 카드
• 최대 200단계 실행 취소·다시 실행. 일본어 입력의 변환 확정에도 오작동하지 않는다
• 편집·보기·HTML 소스의 3가지 모드, 제목으로 목차 자동 생성, 자동 저장
• 편집 화면의 라이트 / 다크 전환

라이선스#

Kuro License(MIT License에 표시 의무를 하나 더한 것)입니다. 이용자용 화면에서 쓰는 경우에는 푸터나 크레딧 등에 ‘Editor: Kuro.Boo’와 https://kuro.boo/로 가는 링크를 표시해 주세요.

공식 사이트에서 자세히 보기샘플 체험하기GitHub