構成

Quill では、ニーズに合わせていくつかの方法でカスタマイズできます。これ このセクションは、既存の機能の微調整に特化しています。を参照してください。モジュール新しい機能を追加するセクション そしてそのテーマスタイリングのセクション。

容器

Quill には、エディターが追加されるコンテナーが必要です。あなたはできる CSS セレクターまたは DOM オブジェクトを渡します。

var editor = new Quill('.editor');  // The first result of the selector will be used

var container = document.getElementById('editor');
var editor = new Quill(container);

var container = $('.editor').get(0);
var editor = new Quill(container);

オプション

Quill を設定するには、オプション オブジェクトを渡します。

var configs = {
  readOnly: true,
  theme: 'snow'
};
var editor = new Quill('#editor', configs);

次のキーが認識されます。

フォーマット

• エディターが認識する形式。見るフォーマット詳細については。

モジュール

• 含めるモジュールのコレクション。見るモジュール詳細については。

投票間隔

• デフォルト：100

• ローカルな変更を確認する間隔のミリ秒数。 編集者。特定のアクションまたは API 呼び出しでは、即時にプロンプ​​トが表示される場合があることに注意してください。 チェック中。

読み取り専用

• デフォルト：false

• エディターを読み取り専用モードでインスタンス化するかどうか。

スタイル

• デフォルト：{}

• Quill エディターに追加する CSS ルールを含むオブジェクト。通過中false(単なる偽物ではありません 値) を指定すると、Quille がデフォルトのスタイルを挿入できなくなります。この中で 後者の場合、基本スタイルシート (quill.base.css) またはテーマのスタイルシートは 手動で含められます。

• 例

var editor = new Quill('#editor', {
  styles: {
    '.ql-editor': {
      'font-family': "'Arial', san-serif"
    },
    '.ql-editor a': {
      'text-decoration': 'none'
    }
  }
});

テーマ

• 使用するテーマの名前。テーマ固有のスタイルシートに注目してください 手動で含める必要があります。見るテーマ詳細については。