React-Quill 사용해보기

React-Quill 사용하기

Quill

quill은 rich text editor의 일종으로 마이크로소프트 등의 기업에서 후원하고 있는 텍스트 에디터 입니다.

https://quilljs.com/ 퀼 공식 페이지 주소
https://www.npmjs.com/package/react-quill npm 링크

에디터 자체는 사용하기 쉬운 편이었는데, 여기에 이미지를 업로드 하는 기능을 붙이는 것이 어려워 꽤나 애를 먹었던 에디터 입니다.

 

1. 설치

yarn add react-quill 또는 npm install react-quill

 

2. 사용법( with TypeScript )

사용법은 정말 간단합니다.