テーマ

テーマを使用すると、最小限の労力でエディタの見栄えを簡単に向上させることができます。 Quill には、公式にサポートされている 2 つのテーマがあります。雪とバブル。

使用法

<!-- Add the theme's stylesheet -->
<link rel="stylesheet" href="//cdn.quilljs.com/1.3.6/quill.bubble.css">

<script src="//cdn.quilljs.com/1.3.6/quill.js"></script>
<script>
var quill = new Quill('#editor', {
  theme: 'bubble'   // Specify theme in configuration
});
</script>

バブル

バブルは、シンプルなツールチップベースのテーマです。

スタンドアロン

雪

Snow は、クリーンでフラットなツールバー テーマです。

スタンドアロン

カスタマイズ

テーマは主に CSS スタイルシートを通じて Quill の外観を制御し、これらのルールをオーバーライドすることで多くの変更を簡単に行うことができます。これは、他の Web アプリケーションと同様に、ブラウザの開発者コンソールを使用して要素を検査し、要素に影響を与えるルールを表示するだけで最も簡単に実行できます。

他の多くのカスタマイズは、それぞれのモジュールを通じて実行できます。たとえば、ツールバーはおそらく最も目立つユーザー インターフェイスですが、カスタマイズの多くはツールバーモジュール。