유틸리티 다양한 WYSIWYG 에디터

황제낙엽 2011.11.13 13:40 조회 수 : 3111

sitelink4 http://1 
extra_vars4 ko 
extra_vars5 http://coterie-textcube.blogspot.com/2009/12/%EB%8B%A4%EC%96%91%ED%95%9C-wysiwyg-%EC%97%90%EB%94%94%ED%84%B0.html 
extra_vars6 sitelink1 

1. CKEditor, FCKEditor

사이트 : http://ckeditor.com/

데모 : http://ckeditor.com/demo

현존 하는 위지윅 에디터 중 가장 많이 사용되고 있으며 강력한 기능을 가진 CKEditor와 FCKEditor입니다. 이름에서 알 수 있듯이 CKEditor는 FCKEditor의 업데이트 버전으로 웹표준과 접근성향상 그리고 디자인적인 발전등 날로 발전해 나가고 있는 프로그램입니다.

특징 : 툴바, 스킨등 개인에 맞게 설정 가능. 크로스 브라우징 가능.
언어 : 기본 영어, 한글 가능.
라이센스 : 오픈소스 라이센스 및 상업용 라이센스.
최종버전 : ckeditor - 3.0.1, fckeditor - 2.6.5
추천도 : ★★★★★

2. TinyMCE

CKEditor와 함께 가장 많이 사용되고 있는 위지윅 에디터 중 하나로 개인설정과 플러그인 설정으로

아주 강력한 기능을 가진 에디터입니다. jQuery버전도 따로 존재하며 wiki도 존재하여 개인설정과 사용이 아주 간편한 편입니다.

사이트 : http://tinymce.moxiecode.com

데모 : http://tinymce.moxiecode.com/examples/full.php

특징 : 툴바, 스킨,플러그인등 개인에 맞게 설정 가능. jQuery 버전 존재. 크로스 브라우징 가능.
언어 : 기본 영어, 한글 가능.
라이센스 : 오픈소스 라이센스
최종버전 : 3.2.7
추천도 : ★★★★★


3. 다음 오픈 에디터

얼마 전 다음이 구글코드를 통해 공개한 공개용 다음 오픈 에디터입니다. 개발자들에 의하면 시멘틱 정보 웹 에디터라는 개념을 도입하여 사용자가 생산하는 콘텐츠에 데이터간 상호 연결성을 더해주는 웹 정보를 포함시켜 시멘틱 검색 기술과 데이터 연결이라는 데이터 생태계를 구현했다고 합니다. 구글 코드 포럼을 통해 사용자들의 의견을 수렴하여 계속해서 업데이트되고 있어 미래가 기대되는 에디터 중 하나입니다.

사이트 : http://code.google.com/p/daumopeneditor/

데모 : http://uie.daum.net/openeditor/sample/5.2.0/editor.html

특징 : 국내 최대 포탈사이트중 하나인 다음에서 공개한 오픈 에디터. 초보자가 사용하기 용이함.
언어 : 한글
라이센스 : 오픈소스 라이센스
최종버전 : 5.3.0
추천도 : ★★★★☆

4. 스마트 에디터

네이버에서 공개한 위지윅 에디터인 스마트 에디터입니다. 웹폰트 지원, 초보 사용자가 사용하기 용이한 점등이 특징이지만 웹표준 및 브라우저 접근성에서 떨어져 원성을 사고 있기도 합니다.

사이트 : http://dev.naver.com/projects/smarteditor

미리보기 : http://dev.naver.com/projects/smarteditor/wiki/SmartEditorBasicUserInterfacePreview

특징 : 웹폰트 사용가능(IE전용). 초보자가 사용하기 용이함.
언어 : 한글
라이센스 : 오픈소스 라이센스
최종버전 : 0.3.17
추천도 : ★★★☆


5. 알디터

사이트 : http://www.alik.info/

데모 : http://www.alik.info/alditor/sample.html

알릭님께서 제작한 알디터입니다. 간단한 인터페이스와 심플함으로 제로보드 및 그누보스 사용자들이 많이 사용하고 있으며 비표준 및 접근성이 떨어지는 점만 제외하면 쓸만한 에디터입니다. 그러나 따로 소스를 배포하지 않고 업데이트가 끊긴 점을 생각해 볼때 그리 추천하지는 않습니다.

특징 : 심플함.
언어 : 한글
라이센스 : 비영리목적 사용가능. 소스 수정/배포 금지. 상업적 목적 사용시 제작자에 연락.
최종버전 : 06년 9월 23일
추천도 : ★★

6. Xinha

사이트 : http://trac.xinha.org/

데모 : http://xinha.raimundmeyer.de/x_examples/ext_example.html

이번에 위지윅 에디터에 관해 알아보면서 알게된 Xinha 라는 에디터입니다. 한글사용은 안되는듯 보이지만 크로스 브라우징도 지원하며 플러그인도 사용가능한듯 보이며 위지윅 에디터로 사용하기엔 좋은듯 싶습니다.

특징 : 위지윅 에디터 기능에 충실, 플러그인 사용가능.
언어 : 영어
라이센스 : 오픈소스 라이센스
최종버전 : 0.95
추천도 : ★★☆

7. openWYSIWYG

사이트 : http://www.openwebware.com/

데모 : http://www.openwebware.com/wysiwyg/demo.shtml

사용이 간편하면서도 다양한 언어를 지원하는 위지윅 에디터입니다.

특징 : PHP, Perl, ASP, ASP.net, Java 등 다양한 언어 지원. 사용이 간편함.
언어 : 영어
라이센스 : 오프소스 라이센스
최종버전 : 1.4.7
추천도 : ★★☆


8. Richtext Editor

사이트 : http://rtef.info

데모 : http://rtef.info/demo.htm

가볍고 쓸만한 위지윅 에디터입니다. 다양한 브라우저에서 사용가능하다는게 장점입니다.

특징 : 가벼운 인터페이스. 크로스 브라우징 지원.
언어 : 영어
라이센스 : 오픈소스 라이센스(MIT)
최종버전 : 0.007
추천도 : ★★☆


9. 기타

- SPAW web-based WYSIWYG editor control (http://sourceforge.net/projects/spaw/)
* 예쁜 디자인
* 이미지 라이브러리 기능
* 이미지 업로드 지원 안함
* 타 사이트 내용 copy&paste시 이미지 경로 변경 필요 없음

* 디자인만 놓고 보면 최고! 그러나 이미지삽입부분이 맘에 들지 않고, 사소한 버그가 좀 있는듯.
* sample - http://pistos.pe.kr/spaw/test.php

 

- aynHTML (http://sourceforge.net/projects/aynhtml/)
* 이미지업로드 지원
* 이미지 저장소 지원
* 깔끔한 디자인
* 타 사이트 내용 copy&paste시 이미지 경로 변경 필요 없음

* 나름대로 깔끔함.. 소스보기시 컬러링도 해주고.. 간단히 쓰기엔 좋을듯
* sample - http://pistos.pe.kr/aynHTML/


번호 제목 글쓴이 날짜 조회 수
246 [Gemini] ajax 와 fetch 의 차이 황제낙엽 2025.01.04 3419
245 [검토 완료] 디바이스 카메라로 촬영한 사진을 서버에 업로드하기 샘플 황제낙엽 2024.11.21 3987
244 브라우저에서 이미지를 편집(crop 등) 할 수 있는 오픈소스 Cropper.js 황제낙엽 2024.11.16 3842
243 [ChatGPT] json data 의 정렬 [1] 황제낙엽 2024.07.23 3352
242 DOMContentLoaded 이벤트와 window.onload 이벤트 황제낙엽 2024.07.15 3669
241 fetch() 사용 예제들 황제낙엽 2024.07.09 3380
240 [Copilot] Vanilla JavaScript에서 외부 스크립트 파일에 정의된 함수들을 로드 황제낙엽 2024.06.21 3758
239 [Copilot] ES6 모듈(module) 문법 황제낙엽 2024.06.21 3805
238 [Copilot] JSON 객체 내부 데이터를 순회하면서 조회하는 코드 황제낙엽 2024.06.02 3270
237 [Copilot] JavaScript로 서버에 특정 값을 POST 방식으로 전달하고 응답을 기다리지 않고 바로 종료 황제낙엽 2024.05.31 3615
236 json 데이터 내의 변수명에 prefix 로 type 표현하기 황제낙엽 2024.04.15 3361
235 fetch() 함수 사용 예제 file 황제낙엽 2023.11.23 3605
234 현재 document 의 host 와 port 를 얻는 방법 황제낙엽 2023.10.03 4209
233 (Bard) FileReader 로 여러개의 파일을 read 하는 법 file 황제낙엽 2023.08.23 3660
232 How to build a file upload service with vanilla JavaScript file 황제낙엽 2023.08.22 3715
231 (Bard) JavaScript로 JSON 배열을 작성하는 방법 황제낙엽 2023.08.21 3672
230 모바일 브라우저에서 file input element 를 이용하여 여러장의 이미지를 서버에 전송하려 할때 [1] 황제낙엽 2023.08.21 3703
229 navigator.mediaDevices 황제낙엽 2023.08.21 3798
228 Barcode Detection API 황제낙엽 2023.08.06 3854
227 정규식을 이용한 이메일 검증 스크립트 file 황제낙엽 2023.06.25 2894