3. 사이트는 WYSIWYG 에디터로 Froala 에디터를 사용합니다.
https://www.froala.com/wysiwyg-editor
샘플 써보니까 굉장히 미려하고 쓸만합니다. 코딩 하는 스타일도 맘에들구요.
그 외에 이미지 에디팅 등 여러가지 기능이 다 좋습니다.(클리앙에서는 이 기능을 쓰고 있지 않습니다. 구버전 호환성을 위해 그런듯)
무엇보다 위지위그 에디터의 표준과도 같았던 TinyMCE / CK에디터 처럼 추잡스럽게 생기지 않아서 좋네요.
위 두 에디터는 제가 10년 전부터 증오했거든요. 못생긴게 나아져봐야 여전히 못생김.
최근에 써본걸로 섬머노트 에디터도 있는데,http://summernote.org/
이건 Froala 에디터랑 비교하여 생긴게 약간 구립니다. 근데 진짜 문제는 이놈이 생성하는 코드죠.
TinyMCE | The Most Advanced WYSIWYG HTML Editor
21세기에 지금 b 태그에 u 태그에 font 태그라니 미친거 아닌지.. 아웃.
유일한 장점은 이미지 첨부할 때 base64 인코딩을 해서 인라인으로 넣을 수 있단 점입니다.
이 경우 굳이 외부 이미지를 치환자로 넣지 않아도 되서 아주 깔끔. 여튼 클리앙이 쓰는 이 에디터는 거의 끝판왕인것 같네요.
원래 제가 쓰던 Redactor 에디터랑 비교해도 디자인에서 꿀리지 않고 기능은 완전 빵빵합니다. 인라인 이미지 첨부만 지원하면 참 좋을텐데..
다만 가격이 좀 나가네요. 도메인당 $99달러.
---
모 사이트의 리뉴얼후 적용된 에디터에 대한 한 웹개발자의 분석인데요. 우리 ckeditor 도 위에 줄쳐 놓은 문제에 해당되나요?
추가로 저런 태그를 요즘 사용하면 어디에 문제가 되는건가요?
직접 해 보면 아실텐데.. 최신 에디터이기 때문에 "당연히" 해당 안됩니다. (애초에 최신 에디터인데 저렇게 나오는거 자체가 이상한거) ck에디터는 볼드체에 strong 이탤릭에 em 쓰고 폰트 스타일은 span style=어쩌고 식으로 처리합니다. 그리고 font 태그는 html5에서 빠진걸로 알고 있습니다. 물론 아직까지는 브라우저에서 하위호환이 되니까 출력은 제대로 되지만..
그리고 ck에디터가(특히 모노리사 스킨) 대체 뭐가 못생긴건지 모르겠네요. Froala 데모 들어가보니까 오히려 저게 더 못생겼는데;; 애초에 별 차이도 없지만..