코딩항해기

[API] CKEditor5 샘플 코드 다운로드하기 본문

기타/API

[API] CKEditor5 샘플 코드 다운로드하기

miniBcake 2024. 9. 13. 17:54

 

 

 

 

CKEditor 5 Builder

Create and customize your online editor with CKEditor 5 Builder. Choose features, set up your editor, and see changes in real-time.

ckeditor.com

 

 

CKEditor5는 홈페이지에서 다양한 구성에 따라 샘플코드를 제공하고 있다.

 

 

먼저 상단의 주소로 들어가게 되면 어떤  종류의 CKEditor를 사용할지 선택할 수 있는 창이 나타난다.

 

 

원하는 방식을 선택하면 샘플 페이지가 나타나 어떤 방식으로 보여지고 작동하는지를 미리 테스트 해볼 수 있다.

원하는 방식을 결정했다면 next를 누른다.

 

 

기능을 결정할 수 있는 페이지로 넘어가게 되는데, 이때 체크를 하면 해당 기능이 추가되고, 체크를 해제하면 해당 기능이 빠진 Editor를 만들 수 있게 된다. 기능 종류를 결정했다면 next를 눌러준다.

 

 

해당 페이지에서는 툴바를 어떻게 보여줄지 선택할 수 있다.

원하는 방식을 선택하고 next를 눌러준다.

 

 

이제 튜토리얼과 코드를 받을 수 있는 화면이 나온다.

이때 왼쪽에서 사용할 언어를 선택하고, 주황색 네모로 표시한 부분에서 개발환경을 고르고, 코드를 어떻게 다운로드할지 결정하면 샘플 코드를 받을 수 있게 된다.

 

 

다운로드 받아 파일을 확인해보면 바로 추가작업이 가능하도록 샘플코드가 세팅되어있는 것을 확인할 수 있다.