WYSIWYG EDITOR
사이드 프로젝트에 사용할 무료 위지윅 에디터를 찾고 있다.
네이버의 스마트 에디터나 다음(지금은 다음카카오)의 다음 에디터가 있었는데
이제는 지원이 끊긴듯 하다.
이런 기능은 있었으면 좋겠다 라고 생각하는 것이
테이블 그리기 와 소스뷰 그리고 본문에 사진 삽입 인데 하나씩 찾아보자.
1.TinyMCE
- 외산 에디터이지만 위에서 말한 국내 대형 포털에서 에디터를 무료 배포하던 시절부터 인기가 많았던걸로 기억한다.
- 지금은 커뮤니티 버전(무료)과 상용버전으로 따로 구분해서 배포 하는 듯 하다.
- 단순 개발용(사이드 프로젝트)이 아닌 퍼블릭한 어떤 서비스 제공을 목적으로 하는 거라면 라이선스를 검토해 볼 것.
- 테이블, 소스뷰, 사진삽입 가능
2.CKEditor
- TinyMCE 와 쌍벽을 이루던 외산 에디터.
- 역시나 오픈소스버전(무료)과 상용버전으로 구분하여 배포중. 사용용도에 따라 라이선스 내용 검토해 볼 것.
- 테이블, 사진삽입 기능은 확인. Documentation 에는 소스뷰 기능이 있다고는 하나 아직 확인 못했음.
3.Trumbowyg
- Alex-D 라는 필명을 사용하는 사람이 개인적으로 만든 에디터 인 듯 하다.
- 꽤나 깔끔한 디자인과 꿀리지 않는 기능
- 사진삽입(Url을 통한), 소스뷰 기능이 기본, 플러그인을 통해 테이블과 컴퓨터에 이미지를 업로드 하는 기능을 추가 하는 듯.
- https://alex-d.github.io/Trumbowyg/
4.textbox.io
- 검색하다 갑자기 튀어나온 녀석인데 꽤나 깔끔해보인다.
- 무료 커뮤니티 버전과 상용버전으로 구분. 용도에 따라 라이선스 검토해 볼 것.
- 테이블, 사진삽입, 소스뷰 모두 제공
5.summernote
- 이름 답게 심플하고 시원한 디자인
- 부트스트랩 js 와 css 를 사용하는데 별생각 없이 사용 했다가 클래스 이름이 겹쳐서 다른 걸로 갈아탐.
- 이름 짓는게 좀 큰 일인데, 머리속에 떠오르는 이름을 대부분 부트스트랩에서 사용하고 있음. (나한텐 큰 단점)
- 남부러울것 없는 테이블, 사진삽입, 소스뷰 모두 제공
- https://summernote.org/
6.Quilljs
- 디자인 보고 반했지만, 원하는 기능 부족으로 그냥 보고만 있는 에디터.
- 이미지 삽입 기능은 기본 탑재 되어 있지만, 테이블과 소스뷰 기능을 아무리 찾아도 보이지 않음.
7.froala
- 이쁘고 기능도 맘에 듬.
- 하지만, 역시나 무료 버전은 없다. 이쁘고 맘에 드는건 반드시 대가를 치름.
- 물론 위에 무료이면서 이쁘고 좋은 기능을 가진 에디터도 많음. 하지만 왠지 돈을 낸다면 더 좋을거 같은 느낌.
- 무료 버전은 없지만, 신기하게도 다운로드는 무료로 가능함.
- Helper Center 에 이런 배포 방식에 대해 의문을 제기한 내용이 있는데, 개발과정에서 테스트&통합 하라는 개발자측의 배려.
- 테이블, 이미지삽입, 소스뷰 모두 제공
- https://www.froala.com/
위에 기재된 에디터들 전부는 사용해보지 못했습니다.
참고 정도로만 활용해 주세요.
'WEB' 카테고리의 다른 글
ASP.NET Core minimal template (0) | 2017.11.09 |
---|---|
셀 크기 조절 (0) | 2017.06.07 |
잠재적 위험이 있는 Request.Form ASP.NET MVC4 (0) | 2015.10.15 |