Quill

JavaScript

高機能なWYSIWYGエディタを実装できる「Quill」

Quillは豊富なAPIとカスタマイズ性に優れた高機能なWYSIWYGエディタを実装することができます。パソコンからだけではなく、スマホからでも操作できるのが魅力の一つです。リッチテキストエディタを探している人には有力な候補になるのではないでしょうか。

スマホからでも使える

デモ

アクセスするとMacっぽい絵のなかにコンテンツが表示されていて、どこかクリックするとカーソルが点滅して編集できるようになっています。

テキストを入力したり削減したりすることが可能です。また、上部にはいろんなメニューが用意されていて、ドラッグしたテキストを太字にしたりフォントを変更したりとさまざまな機能が用意されています。

ほかにも、画像、動画の挿入やリンクを加えたりすることも可能です。とくに、動画はURLを入力して「Save」をクリックするだけで表示できるのでとても使い勝手がいいと思いました。試しにYouTubeの動画URLを入れてみましたが、カンタンに表示させることができます。

また、パソコンだけではなく、スマホからも編集できるのがすばらしいですね。実際にiPhoneで使ってみたところ、レイアウトも最適化されて普通に使えました。いろんなブラウザに対応しているのもうれしいポイントです。

というわけで、ハイクオリティなリッチテキストエディタを実装したい人は、ぜひ「Quill」を使われてみてはいかがでしょうか?

Quill

Smooth Anchor Scrollingページ内リンクをスクロールできる「Smooth Anchor Scrolling」前のページ

マウスオーバーで広がるメニューパネル「Expandy Menu」次のページExpandy Menu

関連記事

  1. 2013年上半期jQueryプラグインまとめ

    JavaScript

    当ブログで紹介したjQueryプラグイン12選のまとめ 2012/08 – 2012/0…

    2012年8月〜2012月9月までの当ブログで紹介したjQueryプラ…

  2. Animated Page Transition
  3. no-image

    JavaScript

    マウスの動作に連動するシャドウエフェクト実装「Jquery Shadow Plugin」

    Jquery Shadow Pluginはマウスの動作に連動するシャド…

  4. NO IMAGE

    JavaScript

    テキストコンテンツをページ分割(ページネーション)できる「jPaginate」

    jPaginateはWebページ内のテキストコンテンツをページ分割(ペ…

  5. crossfade.js

    JavaScript

    スクロールで画像をクロスフェードできるjQueryプラグイン「crossfade.js」

    crossfade.jsというjQueryプラグインを使えば、スクロー…

最近の記事

  1. ハムエッグホットサンドとドリップコーヒー
  2. 高輪ゲートウェイ駅のスタバ
  3. 新幹線
  4. リッチモンドホテル
  5. ハーブバターチキン 石窯フィローネとドリップコーヒー

アーカイブ

PAGE TOP