유틸리티 다양한 WYSIWYG 에디터

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

sitelink1  
sitelink2  
sitelink3  
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/


번호 제목 글쓴이 날짜 조회 수
146 외부 라이브러리 (.js) 의 바람직하지 않은 동적 로딩 (eval함수 이용) 황제낙엽 2012.01.18 2122
145 IFrames and cross-domain security file 황제낙엽 2012.01.13 518
144 자바스크립트 숫자형 체크 함수 (isFinite() 함수 와 isNaN() 함수) 황제낙엽 2011.12.13 422
143 char to hex string 황제낙엽 2011.11.29 537
142 Understanding delete 황제낙엽 2011.11.28 395
141 JScript Memory Leaks 황제낙엽 2011.11.28 557
140 JavaScript Reserved Words 황제낙엽 2011.11.28 809
139 Reference Count (순환참조) 황제낙엽 2011.11.24 488
138 IE and Memory accumulation in Javascript (document.createElement()) file 황제낙엽 2011.11.24 1516
137 String Performance: Getting Good Performance from Internet Explorer (IE7) 황제낙엽 2011.11.24 643
136 Memory leak 및 성능 측정 도구 file 황제낙엽 2011.11.23 901
135 JavaScript Array.push Performance 황제낙엽 2011.11.21 641
134 CKEditor 3 JavaScript API Documentation 황제낙엽 2011.11.14 443
» 다양한 WYSIWYG 에디터 황제낙엽 2011.11.13 351
132 Faster JavaScript Memoization For Improved Application Performance 황제낙엽 2011.11.04 616
131 Top 10 JavaScript Performance Tips+Android & iPhone Engine Testing 황제낙엽 2011.11.04 357
130 url encode & decode 황제낙엽 2011.10.30 749
129 페이지 스크롤 끝 확인 황제낙엽 2011.10.24 6664
128 call() and apply() methods in Javascript 황제낙엽 2011.10.07 597
127 Function.apply and Function.call in JavaScript 황제낙엽 2011.10.07 544