JavaScriptベースのWYSIWYGエディタ
2010/08/14 | JavaScript/Ajax
最近はJavaScriptベースのリッチテキストエディタ(Rich Text Editor)が数多く出回っている。HTMLの知識がなくてもウェブページ上でHTMLコンテンツを手軽に生成できるため、とても便利だ。CMSに実装することも多い。しかしどれも一長一短的なところがある。WYSIWYGエディタを調べてみたのでメモしておく。
- TinyMCE
http://tinymce.moxiecode.com/
おそらく現時点で最強のJavaScript WYSIWYGエディタ。世の中のWYSIWYGエディタに実装されている機能は、おそらく全て網羅されているのではないだろうか。カスタマイズにも対応(自作ボタンを用意して自作コマンドを実行することもできる)。jQueryのプラグインとしても動作する。WordPressのエディタとして有名。難点は重いこと。 - FCKEditor
http://ckeditor.com/
今では「CKEditor」と名前が変わっている。FCKEditorのクオリティとインターフェイスを継承している強力なWYSIWYGエディタ。TinyMCEと双璧をなす。 - WYMeditor
http://www.wymeditor.org/
Drupal等のCMSでも採用されいているポピュラーなWYSIWYGエディタ。インターフェイスはやや特殊だが、玄人好み。一般ユーザには使用しにくいかも。 - nicEdit
http://nicedit.com/
軽量のWYSIWYGエディタ。XHTMLに対応。クロスブラウザ対応。 - jHtmlArea
http://jhtmlarea.codeplex.com/
jQueryのプラグインとして動作するWYSIWYGエディタ。 作者曰く「公式にはIE6に対応しない」とのこと。クロスブラウザ対応。 - jwysiwyg
http://code.google.com/p/jwysiwyg/
jQueryのプラグインとして動作するWYSIWYGエディタ。 WYMeditor互換で、機能縮小版。そのかわりに軽量化。 - markItUp
http://markitup.jaysalvat.com/home/
他のエディタと違い、プレビューモードと編集モードが別の場所に表示。一般向けではないように思われる。 - openwysiwyg
http://www.openwebware.com/
XHTML非対応。クロスブラウザ対応だがSafari、Chrome系はNG。
他にもいくつか見つけたが、現状ではこんなところ。