'웹에디터'에 해당되는 글 2건

  1. 2008.10.27 WysiHat: 37 Signals의 새 오픈소스 WYSIWYG 에디터
  2. 2008.10.14 웹 에디터 비교 (4)
최근에 웹 편집기들에 대해서 다룬바 있는데, 또 하나의 편집기가 추가되었습니다. 37signals에서 Prototype 기반의 새로운 웹 편집기인 WysiHat을 발표했습니다.
WysiHat은 여러분만의 웹 편집기를 만들 수 있는 확장성있는 기반을 제공하는 WYSIWYG 자바스크립트 프레임웍입니다. WisyHat은 UI 디자인을 제약하지 않고 여러분의 몫으로 남겨두었습니다. WisyHat이 여러분에게 몇 줄의 코드를 작성하는 번거로움은 드리지만, 중요한 것은 그것을 커스터마이징 할 수 있다는 것입니다.
우리는 우리가 남겨진 이슈를 계속해서 작업하는 동안 개발자들이 프로젝트에 초기에 접근할 수 있도록 했습니다. 주의하실 것은 상당히 초기라는 것입니다. 공헌해주실 분들은 매우 환영하니 GitHub에서 프로젝트를 체크아웃 해주시기 바라며 피드백을 주시면 감사하겠습니다.
이른 감이 있긴 하지만, 코드를 보고 싶으시다면, 약간의 예제가 있습니다.
[code:js]
// Simple Example
  Event.observe(window, 'load', function() {
    var editor = WysiHat.Editor.attach('content');
    new WysiHat.Toolbar(editor, {buttonSet: WysiHat.Toolbar.ButtonSets.Basic});
  });

// Using Toolbars
  var editor = WysiHat.Editor.attach('content');
  var toolbar = new WysiHat.Toolbar(editor);

  toolbar.addButton(
        { name: 'bold', label: "Bold" }, function(editor) {
        editor.boldSelection();
      });

  toolbar.addButton(
        { name: 'underline', label: "Underline" }, function(editor) {
        editor.underlineSelection();
  });

  toolbar.addButton(
        { name: 'italic', label: "Italic" }, function(editor) {
        editor.italicSelection();
  });

from WysiHat: 37 Signals discuss new open source WYSIWYG editor
Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요

웹 에디터 비교

2008. 10. 14. 13:03 from [IT] Web Tech
(역자 주 : 원문은 Rich Text Editor지만 국내에서 흔히 통용되는 명칭이 웹 에디터여서 웹 에디터라고 번역했습니다)

Abe Fettig씨가 나타날 때마다 저는 그가 웹 에디터로 얼마나 고통받았는지를 생각합니다 :)

Stuart Atkinson씨가 웹 에디터의 현 주소에 대해 친절히 다루어주셨습니다.
  • TinyMCE : 워드프레스에 포함된 수정 버전이 있으며, 개발자들에 의해 아주 잘 지원되고 있습니다. 생각할만한 꾸밈 기능은 모두 있으며, 아울러 너무 많은 꾸밈 도구들을 작은 코드로 쉽게 줄일 수 있는 기능도 있습니다. 보너스로 고급 꾸밈 설정도 가능한 플러그인 컬렉션도 있습니다.
  • YUI Editor : 안타깝지만, 거의 무시되고 있습니다. 아마도 거대 회사에서 만들었다는 사실이 이유인 것 같습니다. 그럼에도 불구하고 이것은 강력한 도구들과 유틸리티들로 무장되어 있습니다. 이 에디터는 목록의 최고 자리에 걸맞다 할 것입니다.
    크게 두 가지의 설정을 할 수 있는데, Editor와 simpleEditor입니다. 하지만 이에 국한되지 않고, 쉽게 원하는 기능을 API로 본인에게 맞게 정할 수 있습니다.
  • FCKEditor : FCKEditor는 웹 기반 에디터 중에 가장 오래된 것들 중 하나이고, 수많은 오픈소스 프로그램에서 사용되었습니다. 또한 많은 서버측 언어에서도 사용가능합니다.
  • FreeRichTextEditor : FreeRichTextEditor는 좀 더 탄력을 받고 있습니다. 편집기에서 바로 사용할 수 있는 2개의 모드가 있습니다. 디자인, 코드와 미리보기 입니다.
  • WidgEditor : 클라이언트측 코딩의 구루인 Cameron Adams씨의 개인 프로젝트로 웹 프로그램을 위한 매우 시각적인 표준 기반 웹 에디터입니다. 자바스크립트는 읽기 쉽고(이해하기 더 쉽습니다), 코드 결과물도 무난합니다.

그 글에 달린 코멘트에는 WYMEditor, OpenWYSIWYG, NicEditDojo의 에디터 (Abe Fettig in part) 등이 링크되었습니다.

여러분이 좋아하는 것이 있나요? 공유하고 싶은 경험이 있나요? 한 친구는 최근에 상용 위젯에서 TinyMCE로 넘어가며 이거야말로 중요한 때를 위해 준비된 것이라고 말했습니다.

from The bane and choice of Rich Text Editors
Posted by 행복한고니 트랙백 0 : 댓글 4

댓글을 달아 주세요

  1. addr | edit/del | reply BlogIcon 블루비 2008.10.14 13:11

    현재 FCKeditor를 사용중입니다.
    강력한 기능에 매료되었고 모든게 무료라는 점이 상당히 마음에 들어서랄까요??

    TinyMCE도 전에 사용해봤지만 서버측 스크립트를 따로 개발해야 한다는 문제와 사용 플러그인 때문에 조금은 거리감이 느껴지던군요...

    • addr | edit/del BlogIcon 행복한고니 2008.10.17 10:47 신고

      외국계 에디터들은 기능은 많은데, 다루기가 왠지 까다로워서 사용이 꺼려지더라고요. FCKEditor도 쉽지는 않았던 것 같은데, 사용이 어렵지는 않으셨나요? ^^

  2. addr | edit/del | reply 박현준 2008.10.15 09:51

    순수 국내산인 http://jakartaproject.com/의 Alice도 있습니다.
    이미지 및 플래시 업로드가 편리한점이 장점입니다.
    그리고 메뉴얼과 포럼이 한글이라는 점이 정말 편하죠^^