RedactorはjQuery製のWYSIWYGエディターです。

Web上でテキストコンテンツを記述する際には素のテキストエリアではなくWYSIWYGエディタを使いたいのではないでしょうか。そこで試したいのがRedactorです。jQueryを使ったすっきりしたデザインのWYSIWYGエディタです。


一行のツールバー、画像埋め込みにも対応していてすっきりとしています。関係ありませんがアナ・トーヴ(フリンジの主役で写真の方)は好きな女優さんです。


画像はプロパティを編集できます。


右側に寄せました。右でも左でもアナ・トーヴは映えますね。


全画面表示。大きくしてもやはりアナ・トーヴは格好いいです。


動画の埋め込みはEmbedタグのペーストで行えます。


コード表示モードです。


スクロールした時にツールバーを上に貼付けた状態で維持できます。


独自のCSSを追加できます。


テキストエリアがなかったとしてもその場で生成して編集できます。


自動で縦に伸ばすこともできます。


Googleドキュメント風に表示できます。


ツールバーをカスタマイズできます。


こんな感じでフローティングに使うことも。


モーダルウィンドウとの組み合わせ。

RedactorはIE7以降、Firefox3以上、Safari4以上、Chrome4以上、Opera10以上で利用できます。画像やファイルアップロード機能と組み合わせることも可能で、自動保存機能もあるなど高機能になっています。APIも充実しているので使い勝手は良さそうです。

RedactorはjQuery/JavaScript製、GPL/MIT Licenseのオープンソース・ソフトウェアです。

MOONGIFTはこう見る

WYSIWYGエディタはCKEditorをはじめとして、何年も前からいくつも開発されています。しかし、それでもなお新しいライブラリが登場しています。それだけになかなか満足感の高いものが出来ていないのかも知れません。Web上でテキストコンテンツを作成するというのは一筋縄ではいかないようです。

厄介なのは特にツールバー部分で、どうしてもボタン式でコンテンツを生成する類のものになってしまいます。しかしローカルのテキストエディタで同様の操作をしている人は殆どいないのではないでしょうか。もっと優れた解決法がありそうな…そんな気がしてしまいます。

デモ:Examples

Redactor