CKeditor 5 - django free wysiwyg text editor - 라이센스

CKeditor Logo

CKeditor

Django 로 웹개발을 하다보면 기본 html 의 textarea 같은 경우 기능이 너무 부족하다고 느끼게 된다. 특히나 개발하는 페이지가 혼자 혹은 몇몇의 html 수정 능력이 있는 사람이 운영하는 경우가 아니라 html css 에 완전 문외한인 일반유저들이 사용하는 게시판 같은 기능이라면 좀 더 강력한 기능이 있는 textarea 를 사용할 수 는 없을까 생각하게 된다.

 

 

CKeditor 5.0 - 출처 : GIthub

이 에디터는 꽤 강력한 기능들을 제공하는 JS 기반 에디터 이다.

https://github.com/ckeditor/ckeditor5

GitHub - ckeditor/ckeditor5: Powerful rich text editor framework with a modular architecture, modern integrations, and features

 

CKEditor 5는 MVC 아키텍처, 사용자 지정 데이터 모델 및 가상 DOM을 갖춘 초현대적인 JavaScript 서식 있는 텍스트 편집기입니다. ES6에서 처음부터 작성되었으며 뛰어난 웹팩 지원을 제공합니다. 광범위한 협업 지원으로 상상할 수 있는 모든 유형의 WYSIWYG 편집 솔루션을 제공합니다. Google Docs 및 Medium과 유사한 편집기에서 Slack 또는 Twitter와 같은 응용 프로그램에 이르기까지 단일 편집 프레임워크 내에서 이 모든 것이 가능합니다. 시장 리더로서 지속적으로 확장되고 업데이트됩니다.

 

라이센스? 무료? 유료?

JS 기반으로 작성되었고 오픈 소스와 상용 라이선스 두가지로 이용 가능한 편집기 이다. 무료인줄 알고 고려했더니 사이트에서 Pricing 이 있어서 매우 당황스럽지만 자세히 살펴보자.

 

Pricing - 출처 : ckeditor.com

Github 에서는 기본적으로 Opensource 프로젝트이며, GNU 2.0 이상의 라이센스를 따른다고 적혀있다. GNU 는 모든 사람이 이 라이센스 문서의 그대로 복사 및 배포할 수 있지만 변경하는 것은 허용되지 않는 라이센스이고, 해당 제품으로 만든 소프트웨어 자체를 판매하는 것은 안되는 라이센스 이다.

 

그래서 github 에 공개해놓은 부분까지는 무료이지만 그 이상 Add-on, Plugin 을 추가 개발한 부분에 대해서는 판매를 할 수 있는 형태로 이루어져 있다. ELK Stack 같은 오픈소스 기반의 여러 솔루션들이 이런 형식을 띄고 있다.

 

그럼 뭐가 기본이고 뭐가 추가 개발사항이어서 유료인가를 살펴보기 위해선 다음에서 확인해보자

https://ckeditor.com/ckeditor-5/online-builder/

CKEditor 5 Online Builder | Create your own editor in 5 steps

 

Ckeditor 커스터마이즈 화면 Step 1

Ckeditor 커스터마이즈 화면 Step 2

 

커스터 마이즈 화면을 보면 Step 2 에서 주황색 별표가 있는 plugin 들이 있는데, 이 녀석들을 제외하고 나면 기본적으로 사용할 수 있는 기능들이다. 따라서 이것저것 선택 후에 (무료를 원하면 주황별 Premium 플러그인 제외) 마지막까진 단계를 진행하면 된다.

 

유료 Plugin 이 포함된 경우

 

유료 Plugin 이 포함되지 않은 경우

 

유료 플러그인이 포함된 경우 다음과 같이 경고 문구가 뜨기 때문에 구분이 가능하다. Start 를 눌러서 다운을 받으면 선택한 기능들이 포함된 Ckeditor JS 파일이 받아지게 되고 각 페이지에 적용하면 된다.