オンラインWYSIWYGエディタリンク集

以下は[Awesome text editing](https://github.com/dok/awesome-text-editing)からリンクされているオンラインエディタのリンク集です。
昔はCKEditorとTinyMCEの二択だったような気がするけど、いつの間にかずいぶん増えていた。
最近はどれを選んでも十分な機能を持ってるし、脆弱性さえ無ければどれを選んでもまあ問題ないでしょう。

そういやWYSIWYGって聞かなくなったよね。

# エディタ

## [Trix](https://github.com/basecamp/trix)

[サンプル](https://trix-editor.org/)。
一般的な機能。ドキュメントがわかりやすい。

## [CKEditor](http://ckeditor.com/)

2003年から存在する老舗中の老舗だが古くささは全くない。
[インラインエディタ](https://ckeditor.com/ckeditor-5-builds/#inline)とかすごい。

## [Squire](https://github.com/neilj/Squire)

[サンプル](http://neilj.github.io/Squire/)。
昔のCKEditorっぽい見た目。
デザイン目的ではなくドキュメントを書くことを重視しているようだ。

## [ProseMirror](http://prosemirror.net/)

複数人でのリアルタイム同時編集に対応している。すごい。

## [Scribe](https://github.com/guardian/scribe)

[サンプル](http://guardian.github.io/scribe/)。
正直見た目が一番わかりやすい。
だが公式にはChromeとFirefoxしか対応してないので選択肢としては微妙。

## [Quill](http://quilljs.com/)

[KaTeX](https://github.com/Khan/KaTeX)で数式が書ける。
のはいいのだが全体的にちょっと使いにくい。
`</>`がソース表示しない。

## [Summernote](http://summernote.org/)

CDNで簡単導入。
機能はそれなりだがAPIやサンプルがわかりやすい。

## [wysihtml](http://wysihtml.com/)

デフォルトデザインが残念なのはどうにかならんだろうか。

## [Etherpad](http://etherpad.org/)

[サンプル](https://demo.sandstorm.io/appdemo/h37dm17aa89yrd8zuqpdn36p6zntumtv08fjpu8a8zrte7q1cn60)。
複数人同時編集、チャット、多言語対応、無限アンドゥなど多機能だが、Node.jsやら何やらが必要で導入が面倒。
ファイルを上げて`<script src>`とはいかないようだ。

## [TinyMCE](http://www.tinymce.com/)

2004年リリースの、CKEditorと並ぶ古典エディタ。
多機能でありながら使用方法ヘルプが丁寧なので使いやすい。

## [Medium.js](http://jakiestfu.github.io/Medium.js/docs/)

今時のエディタとしては機能がかなり少ない。
逆に色々させたくない場合に、他のエディタを選んで機能削減するよりはこれを選ぶという選択肢はあるかもしれない。

## [Textbox.IO](https://textbox.io/)

デフォルトでブラウザ言語からエディタ言語を自動選択。賢い。
触ってみた中ではトップクラスにわかりやすかった。

## [Froala](https://www.froala.com/wysiwyg-editor)

そこそこ高機能かつわかりやすい。
画像エディタがかなりすごくて色々できる。

## [Redactor](http://imperavi.com/redactor/)

機能は普通。
完全有料ながらもドキュメントや例示は豊富。

## [Ritzy](https://github.com/ritzyed/ritzy)

[サンプル](http://demo-ritzy.rhcloud.com/)が死んでる。

## [Aloha Editor](http://www.alohaeditor.org/Content.Node/index.html)

[Goodbye, Aloha Editor 2](http://www.alohaeditor.org/)
ビジネスモデル作れなかったので撤退。

## [WYMeditor](http://www.wymeditor.org/)

HTMLではなくXHTML対応コードを吐く。
WYSIWYGではなくWYSIWYMを目指しているそうだ。

## [Dijit Editor](http://dojotoolkit.org/)

[サンプル](http://dojotoolkit.org/documentation/tutorials/1.10/editor/index.html)。
Dojo Toolkitに含まれる機能の一部。
エディタを導入するだけのために選ぶようなものではないが、既に使っているなら選んでみてもいいかも。

## [YUI Rich Text Editor](http://yui.github.io/yui2/)

YUIに含まれる機能の一部。
[YUI](https://yuilibrary.com/)は[開発中止](https://mag.osdn.jp/14/09/02/063600)になったので使わない方がいい。

## [KindEditor](https://github.com/kindsoft/kindeditor)

[サンプル](http://kindeditor.org/demo)。
[ドキュメント](http://kindeditor.org/documentation)が作りかけで放置されていて、導入するには微妙。

## [Hallo](https://github.com/bergie/hallo)

[サンプル](http://hallojs.org/)。
`class="editable"`って書くだけでどこのテキストも編集可能になる。

## [markitup](http://markitup.jaysalvat.com/home/)

[サンプル](http://markitup.jaysalvat.com/examples/)。
HTML以外にTextile、Wiki記法、マークダウン等で記述することができる。
さすがに相互変換はできないようだ。

## [openwysiwyg](http://www.openwebware.com/)

IE5.5、Firefox1.0、Netscape7といういにしえのブラウザで動作するエディタ。
そのかわり[そのままではChromeで動かない](https://karenian.wordpress.com/2013/01/23/chrome-fix-openwysiwyg/)という致命的欠陥がある。

## [tejQuery](http://jqueryte.com/)

[サンプル](http://jqueryte.com/demos)。
jQueryプラグインで、本体はかなり軽量なので、既にjQueryが入ってるなら選択するとよさそう。

## [Trumbowyg](http://alex-d.github.io/Trumbowyg/)

画像のBase64埋め込みができるので、画像がアップロードできないようなサーバでも導入可能。

## [NicEdit](http://nicedit.com/)

[サンプル](http://nicedit.com/demos.php)。
コンポーネントが分かれていて、必要な部分だけ導入できる。
どうせ入れるなら[日本語版](https://cmonos.jp/blog/2010010800/1.shtml)がいいかもしれない。

## [jWYSIWYG](http://jwysiwyg.github.io/jwysiwyg/)

[GitHub](https://github.com/jwysiwyg/jwysiwyg)。
公式からGitHubへのリンクが切れてる時点で選ばない方が良さそうだ。

## [Alloy](http://alloyeditor.com/)

処理エンジンはCKEditorを使い、フロントとバックエンドを分離させたというエディタ。
Reactやらgulpやら最近はやりのやつらでわっほいできるようだ。

## [Draft.js](http://facebook.github.io/draft-js/)

Facebook製で、[Reactが入ってるなら選んどけばいい](https://qiita.com/tk1024/items/8d8de5a62ef55bc1532f)んじゃないかな。
正直高々エディタで仮想DOMは必要なのかって気がとてもする。


# まとめ

名の知れてるところを選んどけ。