codex-team/editor.js

어떤 프로젝트인가요?

핵심 기능

• 01HTML 마크업 대신 깔끔한 JSON 데이터를 출력합니다
• 02콘텐츠를 추가하고 재배치할 수 있는 블록 기반 인터페이스를 제공합니다
• 03각 블록 유형은 별도의 플러그인 도구로 제공됩니다
• 04제목, 이미지, 표, 체크리스트, 임베드를 위한 공식 도구를 제공합니다
• 05콘텐츠를 가져오는 editor.save()를 포함한 간단한 API를 제공합니다

활용 사례

• 출력을 여러 플랫폼에 저장하고 렌더링하는 리치 텍스트 콘텐츠 에디터 구축
• 웹 애플리케이션에 구조화된 기사 또는 블로그 에디터 추가
• 직접 블록 도구를 작성해 맞춤형 에디터 제작

빠른 시작

1. 1

   npm으로 Editor.js를 설치합니다

   npm i @editorjs/editorjs
2. 2

   README 목록에서 필요한 도구를 설치합니다

3. 3

   페이지에 id가 editorjs인 컨테이너 div를 추가합니다

4. 4

   EditorJS를 가져오고 사용할 도구를 지정해 인스턴스를 생성합니다

사용 전 알아둘 점

• !블록 유형마다 별도의 도구 플러그인이 필요하므로, 원하는 도구를 설치하고 구성해야 합니다.
• !콘텐츠를 저장하려면 editor.save()를 호출하고 반환되는 Promise를 처리해야 합니다.

토픽

자주 묻는 질문

editor.js은(는) 무엇인가요?

HTML 대신 깔끔한 JSON으로 콘텐츠를 저장하고 플러그인 도구로 확장하는 웹용 블록 기반 텍스트 에디터입니다. Editor.js는 웹용 오픈소스 블록 기반 에디터입니다. 콘텐츠는 텍스트, 제목, 이미지, 목록, 인용문, 코드 등의 블록으로 구성되며, 각 블록 유형은 별도의 도구 플러그인이 제공합니다.

editor.js은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

editor.js은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

editor.js은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. editor.js의 마지막 커밋은 2026년 10월 21일입니다.

editor.js은(는) 어디에 사용할 수 있나요?

출력을 여러 플랫폼에 저장하고 렌더링하는 리치 텍스트 콘텐츠 에디터 구축 웹 애플리케이션에 구조화된 기사 또는 블로그 에디터 추가 직접 블록 도구를 작성해 맞춤형 에디터 제작

editor.js는 어떻게 설치하나요?

npm으로 Editor.js를 설치합니다: npm i @editorjs/editorjs README 목록에서 필요한 도구를 설치합니다 페이지에 id가 editorjs인 컨테이너 div를 추가합니다 EditorJS를 가져오고 사용할 도구를 지정해 인스턴스를 생성합니다

editor.js은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/codex-team/editor.js