# Edtr.io - React로 작성된 오픈소스 WYSIWYG에디터

> Clean Markdown view of GeekNews topic #1625. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=1625](https://news.hada.io/topic?id=1625)
- GeekNews Markdown: [https://news.hada.io/topic/1625.md](https://news.hada.io/topic/1625.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-03-02T10:37:09+09:00
- Updated: 2020-03-02T10:37:09+09:00
- Original source: [edtr.io](https://edtr.io/)
- Points: 7
- Comments: 1

## Topic Body

- 블록단위 드래그앤 드랍 가능

- React 컴포넌트를 사용한 플러그인 구조로 커스터마이즈 가능

- 리치 텍스트 에디터 부분은 Slate를 사용

## Comments



### Comment 1234

- Author: xguru
- Created: 2020-03-02T10:37:21+09:00
- Points: 3

에디터 오픈소스는 단순한 텍스트 편집기부터 CMS수준의 콘텐츠 작성기까지 정말 종류도 많고 다양한데 계속 나오는군요.

   SummerNote: https://summernote.org - Super Simple WYSIWYG Editor on Bootstrap. 홍영택님이 만들고, 많은 한국분들이 참여중인 오픈소스 에디터

   Quill: https://quilljs.com - An API Driven Rich Text Editor

   Slate: https://www.slatejs.org - A completely customizable framework for building rich text editors

   Trumbowyg: https://alex-d.github.io/Trumbowyg - A lightweight WYSIWYG editor

   ContentTools: http://getcontenttools.com - A beautiful & small content editor

   Squire: https://github.com/neilj/Squire - HTML5 rich text editor

   Editor.js: https://codex.so/editor - Next generation block styled edito. JSON 으로 결과물 저장

   ProseMirror: https://prosemirror.net/ - A toolkit for building rich-text editors on the web, 공동 편집가능 에디터

   Gutenberg : https://wordpress.org/gutenberg/ - 워드프레스의 편집기

   webiny : https://www.webiny.com/ - CMS for Serverless Web Development

   GrapesJS : https://grapesjs.com/ - Web Builder Framework

   Craft.js : https://github.com/prevwong/craft.js - A React Framework for building extensible drag and drop page editors

   Draft.js : https://draftjs.org/ - Rich Text Editor Framework for React