지금껏 눈독 들였다가, 한번 최근에 만져본 에디터입니다.

소개 글(?) ==> https://sir.kr/cm_free/1553164 <==

최근 메모 앱을 에버노트를 버리고, Dropbox Paper와 Notion 사이에서 무엇을 선택할지 고민하고 있습니다.

두 에디터가 모두 비슷하게 생겼고, 비슷하게 동작합니다.

그리고 사용하기 엄청 편리합니다.

그래서 이 에디터(드롭박스 페이퍼와 노션의 에디터 처럼 생긴 것)를 사이트에 적용하면 어떨까 하는 생각을 가지게 되었습니다.

그러다 처음엔 유사하게 생긴 ckeditor5에 있는 Balloon Block 에디터를 사용했는데요.

Balloon Block 에디터는 베타 버전일때 사용해서 그런지 몰라도 한 3분 가량 글을 작성하다보면,

에디터가 그대로 굳어버려서(글이 안써짐!) 사용하기를 포기했습니다.

이건 지금은 정식 버전이 나왔으니 잘 동작하지 않을까요... ㅠ

Balloon Block 에디터가 제대로 작동하질 않아서 발견하게 된 것이 editor.js 입니다.

아래 간략한 사용 영상 첨부해드립니다.

장점은 소개글(심플함)에 잘 적혀있으니 단점만 먼저 소개드립니다.

단점

1. editor.js 에서는 한 단락을 블록으로 칭합니다.

=> 블록 내에서는 컨트롤 + Z (커맨드 + Z)가 작동하지만, 블록을 지우면 지운 블록은 복구할 수 없습니다.

2. 표는 한번 줄이나 칸을 생성하면 늘어난 표나 칸은 지울 수 없습니다.

3. Alignment(정렬)이 없습니다.

=> 좌측, 가운데, 우측 정렬을 사용할 수 없습니다.

=> 이건 아마 누군가 만들었거나, 플러그인을 만들어서 추가해야할듯 보입니다.

장점

1. 원하는 기능을 스크립트로 불러오면 바로 사용할 수 있습니다.

2. XSS(Cross-site Scripting)를 어느정도 막을 수 있을 것으로 보입니다.

장점이면서 단점

1. 데이터 저장이 json으로 이루어집니다.

=> 장점 : 각 블록을 관리하기 수월해집니다.

=> 단점 : 사용자에게 가시적으로 데이터를 보이기 위해서 HTML으로 변환하는 작업이 필요합니다.