Github で編集する

構成

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

容器

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

var editor = new Quill('.editor');  // First matching element 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 options = {
  debug: 'info',
  modules: {
    toolbar: '#toolbar'
  },
  placeholder: 'Compose an epic...',
  readOnly: true,
  theme: 'snow'
};
var editor = new Quill('#editor', options);

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

境界

デフォルト：document.body

DOM 要素、または DOM 要素の CSS セレクター。エディターの ui 要素 (つまり、ツールヒントなど) をその中に限定する必要があります。現時点では、左右の境界のみが考慮されます。

デバッグ

デフォルト：warn

のショートカットデバッグ。ノートdebugは静的メソッドであり、ページ上の Quill エディタの他のインスタンスに影響します。デフォルトでは、警告メッセージとエラーメッセージのみが有効になります。

フォーマット

デフォルト: すべてのフォーマット

エディターで許可する形式のホワイトリスト。見るフォーマット完全なリストについては、

モジュール

含めるモジュールのコレクションとそれぞれのオプション。見るモジュール詳細については。

プレースホルダー

デフォルト: なし

エディターが空の場合に表示されるプレースホルダーテキスト。

読み取り専用

デフォルト：false

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

スクロールコンテナ

デフォルト：null

DOM 要素または DOM 要素の CSS セレクター。どのコンテナーにスクロールバーがあるかを指定します (つまり、overflow-y: auto)、デフォルトから変更されている場合ql-editorカスタムCSSを使用します。 Quill がに設定されている場合のスクロールジャンプのバグを修正する必要があります。自動成長その高さ、および別の祖先コンテナーがスクロールを担当します。

テーマ

使用するテーマの名前。組み込みオプションは「bubble」または「snow」です。無効な値または偽の値を指定すると、デフォルトの最小限のテーマがロードされます。テーマの特定のスタイルシートは手動で含める必要があることに注意してください。見るテーマ詳細については。

ダウンロードフォーマット

構成

容器