WYSIWYGなHTMLエディタは既に数多く存在している。有名なものとしてはFCKEditor、TinyMCEなどが知られている。これらは非常に便利な代物ではあるが、出来上がったものをカスタマイズしようという気にならないくらい重厚な作りになっている。

Picture 279.png

シンプルな作りのWYSIWYGエディタ

 

もっと自分たちにあったシンプルでカスタマイズが容易なものを!そう願った37signalsは自分たちで作ってしまうことを考えた。

今回紹介するオープンソース・ソフトウェアはWysiHat、カスタマイズ容易なWYSIWYGエディタだ。

WysiHatの特徴はprototype.jsをベースに作られている点だろう。そして文字に対する装飾がメソッドを呼び出すだけで良いというシンプルさもある。選択されている文字などを気にすることなくアクションを呼び出すだけで良い。

Picture 280.png

prototype.jsベースなのでカスタマイズも容易

 

可能な装飾は太字、イタリック、アンダーライン、打ち消し線、引用、色の変更、リンク化、リスト、画像の追加、HTMLの追加となっている。これらにURLや画像のパスを渡すだけなので、実際の実装は自分の好みで自由に行うことが可能だ。

アクションは文字列でも、自分好みのアイコンでも良い。何かのアクションに組み合わせつつ行うことも容易だ。ごくシンプルな実装で、カスタマイズ必須になるが他のWYSIWYGエディタとはまた違う利用法が考えられるだろう。

 

Introducing WysiHat: An eventually better open source WYSIWYG editor - (37signals)

 http://www.37signals.com/svn/posts/1330-introducing-wysihat-an-eventually-better-open-source-wysiwyg-editor

37signals’s wysihat at master — GitHub

 http://github.com/37signals/wysihat/tree/master