Quill

JavaScript

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

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

スマホからでも使える

デモ

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

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

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

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

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

Quill

関連記事

  1. no-image

    JavaScript

    水平スクロールでテキストが流れていくマーキー実装「hMarquee」

    hMarqueeは、水平スクロールでテキストが滑らかに流れていくマーキ…

  2. FlexSlider

    JavaScript

    jQueryプラグインのレスポンシブな軽量スライダー「FLEXSLIDER」の使い方や設定方法

    すごくいいですね、これ。スマートフォンにも対応させたいスライダーを探し…

  3. Micromodal.js

    JavaScript

    アクセシブルで軽量なモーダルダイアログを実装できる「Micromodal.js」

    Micromodal.jsは、アクセシブルでファイル容量も軽量なモーダ…

  4. Responsive 3d Fold Scroll
  5. no-image

    JavaScript

    Bootstrap 4を使ったステッパープラグイン「bs-stepper」

    bs-stepperはBootstrap 4を使ったステッパーを実装で…

  6. no-image

最近の記事

  1. Happy Plugs AIR1
  2. cheero Stream 10000mAh
  3. BOSE HOME SPEAKER 300
  4. RP-PC112
  5. SRS-XB402M

アーカイブ

PAGE TOP