Quill

JavaScript

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

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

スマホからでも使える

デモ

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

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

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

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

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

Quill

関連記事

  1. Granim.js

    JavaScript

    流れるように変化するグラデーションのアニメーションを実装できる「Granim.js」

    Granim.jsは美しく変化するグラデーションのアニメーションを実装…

  2. jQuery Resizable Columns

    JavaScript

    テーブルの列の幅をドラッグでサイズ変更できる「jQuery Resizable Columns」

    じっくりテーブル内の情報を見たい時なんかに便利そうですね。テーブルの列…

  3. no-image

    JavaScript

    多彩なコンテンツ表示やカスタマイズ性を有する「LC Lightbox」

    LC Lightboxは画像や動画など多彩なコンテンツ表示ができたり高…

  4. Kontext

    JavaScript

    iOSの画面切り替えのようなスライドができるJavaScript「Kontext」

    KontextというJavaScriptを使えばiOSの画面切り替えの…

  5. Filterable Product Grid
  6. Scroll Indicator

    JavaScript

    シンプルなスクロールインジケーターを実装できる「Scroll Indicator」

    Scroll Indicatorは、スクロールによるアニメーションでコ…

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP