2021-09-06 CkEditor5 관련 삽질

 

CkEditor5

CRUD 게시판을 만드는데,

 

글을 작성하는 텍스트 에디터로 CkEditor5를 사용하기로 하였다.

 

Draft.js, Code Mirror 등을 생각해보았으나,

 

Draft.js는 다른 라이브러리들이 자바스크립트 라이브러리인것에 비해

 

리액트로 작성되어 별도의 작업이 필요 없다는 장점이 있었다.

 

그리고 CkEditor5의 경우 제일 큰 장점이라고 생각했던 것은 사진 드래그 드롭 및 클립보드 복사가 굉장히 자유로웠다는 점이다.

 

그리고 UI도 굉장히 심플하게 이뻐서 별도로 커스텀하지 않아도 괜찮을 것 같다는 점이 끌렸다.

 

하지만 모든 것이 좋을 수 없는것인지 CkEditor의 경우 공식적으로 Typescript를 지원하지 않기 때문에 별도로 타입 선언을 해주어야한다는 치명적인 단점이 있다.

 

또한 Next.js 상에서 플러그인을 가져다 사용하면 충돌이 일어나는데, 이를 공식적으론 필요한 플러그인들을 포함한 Custom Build된 CkEditor를 사용하라고 하는데,

 

https://github.com/ckeditor/ckeditor5/issues/7376

Next.js integration · Issue #7376 · ckeditor/ckeditor5

 

 

그리고 이 글에서는 Next.config.js를 수정해서 플러그인을 추가하는 것에 성공하는 것으로 보이는데,

https://medium.com/@aisynurul99/custom-ckeditor-5-next-js-d6ef5cc7dd93

Custom CKEditor 5 + Next.js

이를 내일 테스트해볼 예정이다.

 

이것이 안된다면 Custom Build CkEditor를 사용하던가, 혹은 다른 라이브러리를 알아봐야될 것 같다.