[ React에서 텍스트 에디터 사용하는 가장 쉬운 방법 ]
1 아래의 사이트에 접속
https://ckeditor.com/docs/ckeditor5/latest/index.html
CKEditor 5 documentation
Learn how to install, integrate and configure CKEditor 5 Builds and how to work with CKEditor 5 Framework, customize it, create your own plugins and custom editors, change the UI or even bring your own UI to the editor. API reference and examples included.
ckeditor.com
2 오른쪽 상단의 검색바에 React Component 를 검색한다
* 만약 위와 같은 화면이 나오지 않을 경우 상단의 installation > Framewrks > React Component 로 진 입하면 된다
3 설치하기
터미널에 입력해주면 된다
4 import 하기
복붙해주면 된다
5 원하는 부분에 텍스트 에디터 사용하기
원하는 부분에 사용해주면 된다
'React > 활용' 카테고리의 다른 글
| [React] React.lazy 와 React Router 라이브러리 사용방법 (0) | 2022.05.26 |
|---|---|
| [React] 리액트에 폰트어썸 매우 쉽게 적용하기 (4단계) (0) | 2022.03.14 |
| [React] 배열에 데이터 삽입 및 배열 렌더링 하기 (0) | 2022.01.09 |
| [React] input 상태 관리 방법 (0) | 2021.12.28 |
| [React] State 사용법 ( + Props 와 비교 ) (0) | 2021.12.26 |