● [jQuery] WYSIWYG エディタを徒然と試す

機能

• 表組ができる
• 日本語のIME変換誤動作がない
• HTMLソース切り替えがinline
• 画像の挿入ができる (from File, URL)
• 多段リストができる
• ブラウザの新規windowを出さない
• カスタマイズが容易（Obfuscatedではないソースが入手可能）
• ライセンス

という点を中心に徒然と調査する。

CKEditor

http://ckeditor.com/

FCKEditor 2.x は 3.x から CKEditor と変名。

• Mac + Firefox の場合のみ、IME変換確定で改行が入る不具合あり
• RETは p, S-RET は br
• 表組 (popup, propertyで変更可)
• HTML (inline, スムーズ)
• 画像 (popup, url, upload)
• リスト (single)
• ソース (あり)
• ライセンス: GPL/LGPL/MPL

完成度が高い。表組を追加後に、プロパティで cols,rows を変更できるのが強い。表内をカーソルの左右で移動可能。上下はなぜかできない。

FreeRichTextEditor

http://www.freerichtexteditor.com/index.php?inc=demo/index

• RETは p, S-RET は br
• 表組 (window, 上下左右で移動可)
• HTML (inline, スムーズ)
• 画像 (window, url)
• リスト (multi(S-RET))
• ソース (compaction)
• ライセンス: CC

表組がデフォルトではborderが0なので非常に分かり辛い。border=1にすると奇麗。表内をカーソルの上下左右で移動できるのが使い易い。項目数が少ない時、１文字入力する度にcol widthが変化するのがうっとおしい。HTML切り替えでメニューが消えてボタンの位置がずれるのが面倒。

jWYSIWYG

http://projects.bundleweb.com.ar/jWYSIWYG/

• RETは br
• 表組 (なし)
• HTML (なし)
• 画像 (ブラウザのpopup windowでurlのみ)
• リスト (なし)
• ソース (あり)
• ライセンス: MIT/GPL

機能は画像のみ。zip を展開すると flat に展開したりと、色々と頑張って欲しい。jQueryベースなので暖かく応援したい。

NicEdit

http://nicedit.com/

• RETは br
• 表組 (なし？)
• HTML (なし)
• 画像 (popup, url)
• リスト (multi)
• ソース (あり)
• ライセンス: MIT

全体的に軽量で使い易いが、表組がなさそう。また、DL時に必要な機能＋compressの有無を選択してオリジナルのzipを落とせるのが嬉しい。ただ、これまた zip が flat 展開で微萎え。

openWYSIWYG

http://www.openwebware.com/

いつの間にか物騒なサイトになっていたので調査断念。

YUI: Rich Text Editor

http://developer.yahoo.com/yui/editor/

• RETは br
• 表組 (なし？？)
• HTML (なし？？)
• 画像 (完成度の高いpopup。urlのみ？)
• リスト (multi)
• ソース (あり)
• ライセンス: BSD

Yahoo 印だけあって各機能は Google Docs 並の素晴らしい完成度。実装された機能は素晴らしいが、表組やHTML表示などは準備されていないのが残念。探せば何かあると信じたい。

TinyMCE

http://tinymce.moxiecode.com/

• RETは p, S-RET は br
• 表組 (popup(重), 上下左右)
• HTML (popup(重))
• 画像 (popup(重)。urlのみ)
• リスト (multi)
• ソース (あり)
• ライセンス: LGPL

表組自体は見やすいが、初期値の空カラム時にひっついてしまうのがやや使い辛い。表組作成時は専用のpopup。カーソルの上下左右で移動可能。popup窓の描画(特に移動)は重い。また、表組などのオブジェクトが1つだけの場合、その外部へ移動（選択）するのが難しく、この点は非常にストレスを感じる。機能は豊富で完成度も高いものの、全体的に動作が重く、特にpopup窓で非常にストレスを感じる。十分なマシンパワーを仮定できれば問題ないかもしれない。

WYMeditor

http://www.wymeditor.org/demo/

• RETは p, S-RET は br
• 表組 (window, カーソル移動なし)
• HTML (inline)
• 画像 (window。urlのみ)
• リスト (multi)
• ソース (あり)
• ライセンス: MIT/GPL

jQueryベース。表組のカーソル移動はなし。確認や入力は窓タイプで重い。HTML切り替えはinlineで高速だが、ソースが改行されていないため扱い辛い。リストは多段可能なものの、フォーカスが外れて使い辛い。

Xinha

http://xinha.webfactional.com/

Xinha_0.96beta2.tar.bz2

• RETは p, S-RET は br
• 表組 (window, 上下左右)
• HTML (inline)
• 画像 (window。urlのみ。preview有)
• リスト (multi)
• ソース (あり)
• ライセンス: オリジナル htmlArea License (ほぼBSD)

窓はwindowタイプであるものの、表組は使い易い。上下左右のカーソル移動、項目の選択、動的なcols, rowsの変更が全て直感的かつ機敏に動作する。初期値のテーブル表示も申し分ない。画像もURLだけであるが使い勝手がよく、特に画像の preview ができるのは特筆すべき点である。全体的に機敏で完成度も高い。窓が window タイプであるだけが残念。