EditorJs 사용해보기

• EditorJs는 웹 기반 텍스트 에디터로, react 프로젝트에 쉽게 추가할 수 있다. 설치는 npm을 통해 진행하며, 기본적으로 paragraph 블록을 제공한다.

• EditorJs는 다양한 블록 도구를 제공하는데, 이를 사용하려면 추가적인 설치가 필요하다. 예를 들어, header나 checklist와 같은 도구를 사용하려면 해당 도구를 설치해야 한다.

• EditorJs를 설치하고 사용하는 방법에 대해 설명하였다. npm install을 통해 필요한 툴들을 설치하고, tools.js 파일을 생성하여 각 툴의 설정을 정의하였다. 그 후, Editor 컴포넌트 안의 EditorJs에 tools 속성을 설정하여 사용하였다.

• EditorJs에 data를 추가하는 방법에 대해 설명하였다. data.js 파일을 생성하여 데이터를 정의하고, 이를 Editor 컴포넌트 안의 EditorJs에 data 속성으로 추가하였다. 이를 통해 화면에 데이터를 함께 보여주는 방법을 소개하였다.