bootstrap-wysihtml5

JavaScript

シンプルで美しいWYSIWYGエディタを実装できる「bootstrap-wysihtml5」

bootstrap-wysihtml5はシンプルでスッキリしたデザインが美しいWYSIWYGエディタを実装することができます。無駄な装飾がないので書くことに集中できそうですね。メニューボタンもシンプルで操作しやすいのがGoodです。

bootstrap-wysihtml5

デモ

通常テキストをはじめ、見出し1〜見出し6までを選べたり、Bold、Italic、Underline、Smallなどの文字装飾も簡単に設定可能です。

ほかにもULやOL、画像挿入やリンク貼りなども手軽に設定できるようになっています。

シンプルで見やすいWYSIWYGエディタを実装したい方は、ぜひチェックしてみてはいかがでしょうか。

bootstrap-wysihtml5

関連記事

  1. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでsetTimeoutを使えば各要素のアニメーションを実行させる時間を調整できる

    jQueryのsetTimeoutを使えば何秒後に実行するかといったこ…

  2. flatpickr

    JavaScript

    超軽量で使い方もカンタンな日付ピッカー「flatpickr」

    flatpickrはjQueryなどのライブラリに依存することなく動作…

  3. Shave

    JavaScript

    設定した高さに基づいて複数行のテキストを切り取る「Shave」

    Shaveは設定した最大の高さに基づいてHTML要素内に収まるように複…

  4. JavaScript

    マウスオーバーなどで画像を拡大してくれるシンプルなjQueryプラグイン「jQuery Zoom」

    マウスオーバーなどで画像を拡大してくれるシンプルなjQueryプラグイ…

  5. Guardian

    JavaScript

    フォームにバリデーションを実装できるjQueryプラグイン「Guardian」

    Guardianはフォームにバリデーション機能を実装することができるj…

  6. Toast

    JavaScript

    アニメーション付きでスタッキングしていくメッセージ通知「Toast」

    Toastはアニメーション付きのメッセージ通知を表示することができるj…

最近の記事

  1. スタバのドリップのホットのショート
  2. LE エルイー 6 PANEL CAP
  3. タリーズ ハウスブレンド
  4. BAG-TW1BKシリーズ

アーカイブ

PAGE TOP