Froala Editor 와 클리앙 리뉴얼에 적용된 에디터의 비교.

안녕하세요.  

사실 개발자도 아니고 에디터에 대해 식견도 없습니다만, 기존 XE 에디터들의 iOS(애플운영체계)에서의 버그 때문에 대부분의 XE에 적용 가능한 에디터를 수개월간 집중적으로 사용 했습니다.

Froala Editor (이하 프로알라 에디터)는 포스타입을 통해 이런류의 에디터도 있다는 것을 처음 알게 되었지요. 생각해보면 그때도 라르게덴님 글이였던 것으로 기억합니다.

시간이 흘러 프로알라 에디터에 대해 라르게덴님이 거의 2년 이상 XE에 적용하기 위해 고생하다가 중단 되었던 것을 몇개월전부터 다시 재개했다는 글이 이곳 XETOWN에 올라왔었죠.

그 무렵이 클리앙 개편 시기와도 비슷해서 클리앙에 적용된 에디터로 많이 알고 계십니다.

일반적으로 사이트 제작업체나 의뢰하는 운영자 모두 에디터에 대해서는 비중을 크게 두지 않습니다.  그러나 막상 커뮤니티를 운영하다보면 다양한 접속환경과 기기에 따른 호환성. 실제 상호 소통형 게시물 작성을 위해선 에디터가 아주 중요하다는 것을 느끼게 됩니다.

이런 경험을 바탕으로 그누보드+Froala Editor의 클리앙 에디터와 XE(라이믹스)+Froala Editor 를 간단하게나마 비교해 보고자 합니다.

아직 라르게덴님 수정본의 Froala Editor 는 8월 공식 출시를 목표로 하고 있고 버그 및 마무리 작업등이 진행되고 있어 변경될 부분도 있으나 큰 틀에서는 이미 어느 에디터보다 뛰어난 상태이기 때문에 몇가지 사례와 함께 안내코저 합니다.

개인적으로 많은 시간을 두고 테스트 한 것은 아니고 대략적으로 10시간내외의 사용자 관점에서 훌어본 차이점과 라르게덴님의 작업량에 대해 아실 수 있을겁니다.

1. 기본적인 에디터 메뉴구성의 차이입니다.

기본 메뉴 구성 (상단) /  클리앙 적용 메뉴(하단)

클리앙 :

메뉴 구성은 굉장히 단순화 시켰습니다. 모바일용이라고 봐도 좋을 정도인데. 워낙 장사 잘되는 가게에 밑반찬 없어도 손님은 여전히 많이 오는 느낌이랄까요? 글쓰기에 기본적인 메뉴 구성입니다.  아마 클리앙 운영자가 작업자에게 아이콘을 지정해줬고 해당 되는 아이콘만 적용되었을겁니다.  (기능적으로 추가되거나 빠르게 변화가 있지는 않을겁니다)

Froala Editor 는 메뉴 추가 편집이 아주 쉽고, 기능추가가 계속 이루어지는게 장점인데. 여기 메뉴까지만 봐서는 Froala Editor 만의 장점을 찾기는 어렵고 안정적인 에디터? 깔끔한 메뉴 구성 정도로 평가 받을거 같습니다.

위 편집은 제가 운영하는 사이트에 적용하려고 편집한 내용입니다.  기본 메뉴를 다 넣기에는 많고,  클리앙 메뉴는 좀 적고 적당히 절충했고 기존 운영하던 사이트에 적용해야 하기 때문에 A단락/B폰트/C폰트사이즈는 직관적인 눌림버튼으로 노출 되도록 옵션을 적용했습니다.

끝 부분에 보시면 프린터 마크가 있는데. 예, 맞습니다. 인쇄 기능을 에디터에서 지원합니다.

2. 기능적인 차이.  심한 다운 그레이드

게시물 작성시 나오는 에디터 안내문입니다.

주목할 부분은 업로드 부분인데. 드래그 업로드나 다중업로드가 안되는 부분은 일반적인 에디터보다 뒤떨어지는 기능입니다.

추정하기에 업로드 버튼을 구)에디터들과 같이 별도로 빼놔서 그런거 같은데. Froala Editor 기능중에서 파일업로드 부분을 심각하게 다운그레이드 했네요. 모바일에서 에디터 편집이 어려운 부분과 댓글상에서 에디터 메뉴 없이 단순 텍스트 입력만 가능한 것도 Froala Editor 기능과는 전혀 다릅니다.

기존 에디터와 이질감을 느끼지 않도록 하고 호환성이나 트래픽도 고려한 현실적인 선택이지만, Froala Editor 막강한 기능과 장점을 살리지 못하는 아쉬움이 있습니다.

3. 확장성과 기능 추가. 개발자 라르게덴님의 장점

Froala Editor 에디터는 약 3년전쯤 처음 알게 되었고 대형 커뮤니티에서는 클리앙 도입때 처음 본거 같습니다. 다른 곳도 있는데 제가 놓쳤을 수 있는데. 클리앙은 최초에는 ZB4 계열이였던거 같기도 하나, 수년전부터는 그누보드를 사용하고 있고 Froala Editor 도 그누보드 기반이라 XE사용자로서 부러운 부분이 있었습니다.

XE쪽 많은 레이아웃, 게시판스킨, 모듈, 에디터 제작자분들이 있고 실력이나 노하우는 그누보드등 어떤 CMS 보다도 뛰어나다고 생각합니다. 다만, 영역 자체가 좀 달라서인지 수익성이 없어서인지 에디터의 경우 제작자가 전무한 수준이였습니다.

Froala Editor 를 주목하고 부러움 속에서 그누보드에서 먼저 적용되니 XE 기반의 사용자이자 운영자로서 좌절감도 가득했는데. 현재 거의 유일한 XE쪽 에디터 전문가인 라르게덴님에게 거는 기대와 희망이 컸습니다.

제가 아는 라르게덴님의 Froala Editor 에 대한 공헌과 작업량에 대해 몇가지 언급하고자 합니다.

(내용 보시면 더이상 그누보드 Froala Editor 부러워하지 않으셔도 되고 XE=라이믹스용 Froala Editor (프로알라 에디터)를 기대하셔도 좋을겁니다.

- 다른 에디터들과 마찬가지로 XE에서 사용 가능한 에디터들이 해외 소스 기반이기 때문에 한글(자음,모음)에서만 나타나는 버그가 존재합니다. 이 것을 해외 개발자에게 말해봤자, 이해도 어렵고 개선해야 할 우선 순위로 배정 받지 못합니다.  약 2년전부터 Froala Editor 가 한국어 지원을 못할 시절부터 적극적으로 참여해 왔고 그 과정속에서 콘테스트에서 2위를 하기도 합니다.

- 클리앙의 경우 원래 Froala Editor 기능중에서 다운 그레이드 되었는데 라르게덴님의 XE용 Froala Editor 의 경우 본래 공식버전에 없는 기능들을 구현해내고 기능제안을 하고 있을 정도로 실력이 뛰어나고 대응 노하우가 넘쳐납니다.

그중에서 대표적인 기능이 화면 캡쳐후 에디터상에 붙혀넣기인데.  외부 또는 내부 이미지 경로로 저장 되어 실제 다른 게시물 열람자는 엑스박스 뜨던 것과 달리, 해당 서버내 이미지 파일로 저장 되어 빠르고 정확한 게시물 작성이 가능해집니다.

기본적으로 Froala Editor 에 캡쳐후 붙혀넣기시 PHP 서버단에서 처리 되게끔까지이고 실제 저장이나 반영이 안되는 상태이며 이는 현재 클리앙에 적용된 것도 마찬가지입니다.

 클리앙 뿐만이 아니라, 대부분 Froala Editor 기능중 제한이 걸려져 있고 이미지 편집 및 부가기능이 없습니다. Froala Editor 사이트에서도 아직 공식적으로 캡쳐후 붙혀넣기를 지원하지 않기 때문에 에디터상에는 머물지만, 실제 삽입은 되지 않고 저장되지 않는 이미지죠.

상기 이미지와 같이 업로드(완료)가 되지 않은 상태라 투명한 표시로 유지중입니다.

동일하게 에디터상에 라르게덴님의 Froala Editor (프로알라 에디터)에 적용된 경우이며 캡쳐후 붙혀넣기 이미지의 정상적인 업로드 및 저장, 그리고 부가적인 메뉴가 팝업 형태로 등장합니다.

주목할 부분은 우측 제일 아래부분의 포토에디터인데. 게시물 업로드 또는 캡쳐후 붙혀넣기로 에디터에 삽입후, 바로 에디터상에서 이미지 편집프로그램을 불러와서 수정후 저장하면 본문(원본)의 이미지에 적용이 되는 방식입니다.

- 그외에도 무수한 기능과 설정이 가능하고 사용자 관점에서 조정이 가능토록 매뉴얼 작업과 한글화 작업이 이루어지고 있습니다.

물론 유지/보수/지속발전의 의무가 없는 무료 에디터에 비해 적정한 유료 정책은 지속적인 기능추가와 안정적인 개선작업이 장점으로 작용할겁니다.  

기능적인 역할도 많고 ADOBE 계열의 프로그램이기 때문에 안정적이고 웹 포토프로그램으로선 아주 휼륭합니다.

- 현재 XE용 Froala Editor 는 크게 두가지 형태로 체험이 가능합니다.

일반적인 게시판의 글쓰기 형태인 에디터 모드,     https://romanesque.me/edit_demo

블로그 형태의 글쓰기를 위한 인라인 모드.    https://romanesque.me/inline_demo

본 글을 한줄 요약하면 이렇습니다.

클리앙 리뉴얼 통해서 그누보드에 Froala Editor 가 적용 되었는데 현재 XE(라이믹스)용 Froala Editor 는 몇배 더 기대해도 좋습니다.