Quill

JavaScript

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

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

スマホからでも使える

デモ

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

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

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

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

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

Quill

関連記事

  1. Tilt Hover Effects

    JavaScript

    ホバーによるチルトエフェクトを実装できる「Tilt Hover Effects」

    指定したアイテムにホバーすることでオシャレなチルトエフェクトを実装する…

  2. iziToast

    JavaScript

    エレガントでレスポンシブに対応したトーストを実装できる「iziToast」

    iziToastは、エレガントでレスポンシブに対応した軽量のトーストを…

  3. JavaScript

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「equalize.js」

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「e…

  4. no-image

    JavaScript

    多彩な方向に表示できるツールチップ「jq-tooltip」

    jq-tooltipは多彩な方向に表示可能なツールチップを実装できるj…

  5. no-image

    JavaScript

    続きを読むボタンを実装できる「ReadMorePlugin」

    ReadMorePluginは「続きを読む」、「もっと読む」、「Rea…

  6. jLetter

    JavaScript

    テキストを散らばせながら次々と表示させることができるjQueryプラグイン「jLetter」

    シンプルでちょっと目を引かせたいところなんかによさそうだったので使って…

最近の記事

  1. Soundcore Ace A1
  2. cheero USB-C PD Charger 60W
  3. DY-S01
  4. OWL-QI10W04

アーカイブ

PAGE TOP