pistos
2004-05-03 12:02:40
31
29352

Web-Based HTML Editor 비교 및 미리보기


웹개발시 종종 필요로 하는 웹기반 HTML에디터..

Sourceforge에 등록되어 있는 오픈소스 웹기반 HTML 에디터의 종류와 기능비교  및 미리보기

순서는 Sourceforge의 Activity 순

 

- FCKeditor (http://sourceforge.net/projects/fckeditor/)
  * IE의 Editor Object 를 이용하여 제작
  * jsp, php, asp에 대응하는 이미지 업로드 및, 브라우징 기능
  * 미리 정의된 3가지 형태의 툴바 형태제공
  * 간편하게 기존 소스에 추가 가능
  * 테이블 편집 기능 지원
  * 타 사이트 내용 copy&paste시 이미지 경로 변경 필요
  * 다양한 언어 지원(한글포함)

  * 완성도 높음.. 강추!
  * sample - http://pistos.pe.kr/FCKeditor/_test/test.php

- HTMLarea (http://sourceforge.net/projects/itools-htmlarea)
  * 이미지 업로드 지원 안함
  * 풀스크린 편집 지원
  * 영문메뉴만 지원
  * 타 사이트 내용 copy&paste시 이미지 경로 변경 필요 없음  
  * PHP Image Editor 지원 (http://sourceforge.net/projects/imgmngedt/)

  * 한글화 및 이미지업로드만 커스터마이징하면 FCK에 떨어지지 않을듯
  * sample - http://pistos.pe.kr/htmlArea/examples/full-page.html

 

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

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

 

- hypertextarea (http://sourceforge.net/projects/hypertextarea/)
  * 기본적인 기능만 제공
  * 이미지 업로드 지원 안함
  * 심플한 디자인
  * 타 사이트 내용 copy&paste시 이미지 경로 변경 필요 없음

  * 바로 갖다 쓰기엔 스크립트에러의 압박이 심함..
  * sample - http://pistos.pe.kr/hypertextarea/javascript/demo.html

 

- RichText-editor (http://sourceforge.net/projects/richtext/)
  * 브라우저 언어설정이 한글인경우 문제있음(한글지원 커스터마이징 필요)
  * 이미지 업로드 지원 안함
  * 타 사이트 내용 copy&paste시 이미지 경로 변경 필요 없음

  * 한때는 꽤 잘나가는 녀석이었는데... 이제는 경쟁력이 떨어짐.. 가져다 쓰려면 고쳐야 할것도 많음.
  * sample - http://pistos.pe.kr/richtext/editor/rte/richedit.html

 

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

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

 

- XsDhtmlEditor (http://sourceforge.net/projects/xsdheditor/)
  * 심플한 디자인
  * 이미지 업로드 지원
  * 타 사이트 내용 copy&paste시 이미지 경로 변경 필요 없음

  * 바로 쓰기에는 버그가 좀 있음..
  * sample - http://pistos.pe.kr/XsDhtmlEditor/

 

- bpEditor ( http://sourceforge.net/projects/bpeditor/)
  * 만들다 만듯..ㅡㅡ
  * sample - http://pistos.pe.kr/bpShitEditor/bpShitEditor.php

0
1
  • 댓글 31

  • 박종진
    2004-05-03 12:26:58
    오우 감사합니다. FCKeditor 맘에 드네요. HTMLarea 쓰고있었는데 바꾸렵니다..^^
    0
  • 훌륭
    2004-05-03 13:38:46
    너무 잘정리하셧네요 훌륭하네요
    0
  • limhs
    2004-05-03 16:32:33
    호..비슷한 작업을 하구있었는데.. 감사 감사 ^^
    0
  • 이종희
    2004-05-03 18:45:53
    옷.. 민동 ~
    멋쪄~ ^^
    0
  • 네버다이
    2004-05-04 08:49:07
    좋은 내용입니다. HTMLarea 붙여볼라다가 뭔가 맘에 안들어 손놓고 있었는데 FCKeditor 로 바꿔봐야겠네요..
    0
  • 네버다이
    2004-05-04 14:09:34
    FCKeditor 에서 기본 폰트 or 사이즈 바꾸는 곳이 어딘지 아시는분 계시나요?

    아무리 찾아봐도 못찾겠네요.
    0
  • siasia
    2004-05-04 15:14:57
    흠.. 써보진 않았지만..
    기본 폰트가 처음 로딩될때 에디터 본문 폰트를 말씀하시는게 맞는지?...
    그건 FCKeditor/css/fck_editorarea.css 인것 같네요 ㅡ.ㅡ;
    아니면 폰트 셀렉트 박스를 말씀하시는건가요?
    FCKeditor/js/fck_config.js
    에 정의 된것 같네요.. 이걸 찾는게 맞는건지 몰겠네요 ^.^;
    아니라면 낭패 ㅡㅂㅡ;
    (여기 코멘두 안지워지는데... 창피해..)
    0
  • pistos
    2004-05-04 15:19:46
    제가 찾은 방법은 다음과 같습니다.
    fckeditor.html 안의 script중
    <script language="javascript" event="DocumentComplete" For="objContent">
    안에서 initEditor(); 다음에 다음과 같이 기본 폰트와 사이즈를 설정해 줍니다.
    document.all("cmbFont").value="Tahoma";// 폰트설정
    document.all("cmbFontSize").value="3";// 폰트사이즈설정
    doFontName(document.all("cmbFont")); //폰트적용
    doFontSize(document.all("cmbFontSize")); //폰트사이즈적용

    기타 다른 속성도 위와 같은 방법으로 기본값 변경이 가능한듯 합니다.
    0
  • 네버다이
    2004-05-04 15:44:07
    siasia//
    거기에는 사용할 폰트 리스트를 열거해 주는거만 있구요. 기본은 안보이더라구요.. ^^

    pistos//
    전체 페이지 열어놓고 찾기해도 따로 설정이 안보이던데 따로 작성해 주어야 하는군요. 덕분에 해결되었습니다.
    0
  • Feb
    2004-05-07 09:15:45
    FCKeditor에서 이미지업로드 다들 잘 되시나요?
    저 같은 경우는 "00000033_logo_fckeditor_1.gif" 이런식의 이름으로 올라가긴 가는데 이미지가 깨져서 안보이더군요. 그래서 경로에 직접 이미지를 올리면 잘 되구요.
    참 한글명 파일은 이름도 깨지던데, 왜 안되는 걸까요.
    혹시 아시는분 계시면 조언 부탁드립니다.
    0
  • Feb
    2004-05-07 09:18:32
    참 이미지업로드시 오류메시지가 있어요.

    Microsoft VBScript 런타임 오류 error '800a0005'
    프로시저 호출 또는 인수가 잘못되었습니다.
    /FCKeditor/filemanager/upload/asp/class_upload.asp, line 146

    그런데 저 메시지도 안나오는것도 있더라구요.
    0
  • pistos
    2004-05-07 11:38:41
    이미지가 올라갈 경로 설정은 하셨나요?
    php로만 해봤는데.. 한글이미지 잘되고 별 문제 없네요
    0
  • Feb
    2004-05-07 13:38:49
    예.. 전 지금은 asp로 작업중인데, 아무래도 asp만 안되는거 같네요. 해결되면 올리겠습니다.
    다른분들 중 먼저 해결하신분 있으시면 올려주세요
    0
  • lym
    2004-05-10 15:35:57
    한글폰드이름 설정해주면 글자 깨지는데... 님들은 괜찮으신지....
    0
  • lym
    2004-05-10 15:36:13
    FCKeditor에서요...
    0
  • pistos
    2004-05-10 17:07:51
    fckeditor.html 에서.. meta 정보에 content를 utf-8에서 ksc5601이나 euc-kr 로 변경해주심 되네요
    0
  • Moo
    2004-05-10 23:47:24
    FCK 참 좋은데요 . JSP로 붙여서 테스트 해보는데 이미지 업로드에서
    javazoom.upload.* ; javazoom.upload.UploadBean
    여기에 해당 하는 클래스파일은 없네요? 이건 어디서 다운 받을수 있을까요? 그냥 cos.jar붙일려니까 나름대로 맞지 않는 부분이 있을 것도 싶어 못하구 있네요 jsp에서 올라르게 쓰시는분의 조언좀 부탁드립니다.
    0
  • pistos
    2004-05-11 00:02:49
    http://www.javazoom.net/jzservlets/uploadbean/uploadbean.html
    사용은 안해보았지만 이걸루 추정되네요..
    0
  • Moo
    2004-05-11 01:00:41
    아. 너무 감사합니다 말씀해주신게 맞습니다.
    지금 받아서 한번 테스트 해봐야 겠어요. (__)
    0
  • Moo
    2004-05-11 01:06:11
    Moo 오~ 너무 좋은데요? 덕분에 잘됩니다.
    감사합니다 좋은 자료 이렇게 손수 정리해주시구 알려주셔서 ..... 정말 고맙게 잘쓰겠습니다. ^^&
    0
  • guest
    2004-05-12 18:11:18
    상용이긴 한데 테이블 편집하는게 맘에 들더군요 참고하심이..
    http://tagfree.com/PRODUCT/TWEDITOR/DEMO/TWE_LIST.asp
    0
  • pistos
    2004-05-14 18:17:31
    상용이라 그런지 엄청 훌륭합니다.
    테이블 편집기능도 멋지고, 기타 기능도 매우 깔끔하게 잘 구현되어 있네요..
    단지 흠이라면, 생성된 HTML 코드가 <HTML>~</HTML> 까지의 완전한 코드라는점이..
    보통 <TD>~</TD> 사이에 저 코드가 들어가니까.. 중첩된 HTML태그가 되겠네요.. 하지만, 일반적으로는 별 문제 없을것 같습니다.(IE가 워낙에 태그오류를 잘 무시해줘서..)
    0
  • 초보자바
    2004-05-21 12:44:31
    uploadBean 안쓰고 cos api 를 사용해도 잘됩니다.
    FCK 쓸만하네요..덕분에 게시판 이거로 바꿨습니다^^
    0
  • 오주환
    2004-05-21 21:08:38
    <html></html>까지 들어있는것이 보통입니다.
    만약 그것을 빼고 쓸려면 <body>부분만 innerHtml로 빼서 쓰시면 되져...
    0
  • 김은형
    2004-05-28 12:51:43
    aynHTML을 사용할려고 하는데여..
    제 컴터는 윈도우환경에 php서비스를 하는 아파치에서 실행했을 경우에는 잘 돌아가는데..
    회사서버는 리눅스 환경이거든여..아파치웹서버에서 php웹서비스를 하는데 자꾸 에러가 뜹니다.
    '개체가 이속성 또는 메서드를 지원하지 않습니다.'라구여
    어느부분이 문제인지 통 모르겠습니다.
    담주부터 플젝이 시작되는데..급하거든여..리플 부탁드립니다.
    0
  • pistos
    2004-05-28 14:53:44
    움.. 글쎄요.. 어느부분이 문제일지는 말씀하진 정보로만은 알 수 없겠네요..
    저도 linux+apache+php 환경에 샘플로 설치해 보았지만, 별다른 설정없이 잘 돌아가서 ...
    음.. 윈도에서는 되는데 리눅에서 안된다면, 사용하는 파일중에 대소문자 구분이 잘못되었을 가능성도 있을 듯 한데요. 정확한 원인은 알 수 없겠네요.. ^^
    혹시 다른분중에 동일한 문제를 경험하신 분이 계시다면 답들 달아주실듯..
    0
  • html_editor
    2004-06-03 09:04:24
    FCKeditor에서 test.html를 실행했을 때 툴바 아이콘이 안 보이는데 어디서 수정을 해주어야 할지요?-.- 답변 부탁드립니당
    0
  • guest2
    2004-06-16 00:00:09
    asp 에서 이미지 업로드가 안되네요
    위에 Feb 님과 같은 경우인데요. 올라가도 깨지고...
    혹시 솔루션 있으신분 asp 에서요.
    답변 부탁 드립니다.
    수고하세요
    0
  • onemy
    2004-06-17 14:48:17
    셀 편집이 가능한 HTMLArea + tables 버젼이 좋군여...
    (http://pistos.pe.kr/htmlArea/)
    RichText-editor와 HTMLArea + tables를 빼고는 대부분 다른건 테이블편집이 불가능한것 같습니당.
    0
  • CloudlessSky
    2005-09-01 10:53:19
    프리로 사용하기에는 FCKeditor 엄청 좋네요.
    jsp로 테스트 중인데 모두 잘 되는군요. 한글 깨짐도 없고.. 근데 아쉬운 점은 파일 삭제가 없다는 것...
    모 아무 파일이나 지우고 다니는 사람이 있을 수도 있지만 싸이트 관리차원에서는 이거 열어놓으면 디렉토리 무지 지져분해지겠네요.

    기본 폰트는 따로 css파일을 만들 필요없이 FCKeditor/editor/css/fck_editorarea.css파일을 수정해주시면 됩니다.
    0
  • 지훈
    2005-10-04 22:20:39
    으악 저는 안되요 ㅠㅠ
    0
  • 로그인을 하시면 댓글을 등록할 수 있습니다.