ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Bootstrap-wysihtml5はTwitter Bootstrapで使えるWYSIWYGエディタです。

最近よく目にするようになったTwitter Bootstrapを使ったWebサイト。そんなWebサイトでWYSIWYGエディタを使うならば導入したいのがBootstrap-wysihtml5です。


Bootstrapらしい、すっきりとしたUIです。


漢字を変換した後の動きがちょっと妙です。


テキストのヘッダー変換があります。


リストや装飾もあります。

Bootstrap-wysihtml5は現時点では日本語を入力する際の変換処理を行った後、表示がずれてしまうことがあります。しかしそれさえ修正すればBootstrapとマッチしたデザインで利用できる場面が多いのではないでしょうか。

Bootstrap-wysihtml5はHTML5/JavaScript製、GPLのオープンソース・ソフトウェアです。


MOONGIFTはこう見る

Twitter Bootstrapはデザインを殆ど考えることなく、それっぽいデザインにしてくれます。2.0以降であればデスクトップのみならずスマートフォンにも対応したデザインを一つのソースから作れるようになります。その意味では一からWebデザインを起こすよりもよっぽども早く見栄えのいいデザインが作れるようになるでしょう。

今はまだBootstrapっぽさが残るWebサイトが多いですが、徐々にカスタマイズサイトやテーマサイトが出来てきています。BootstrapをベースにしたWebデザインを行うデザイナーも登場しています。Bootstrapをうまく使えば新しいビジネスチャンスすら見えてくるかも知れません。

bootstrap-wysihtml5

jhollingworth/bootstrap-wysihtml5

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2