モジュールを使用すると、Quill の動作と機能をカスタマイズできます。公式にサポートされているいくつかのモジュールが選択可能であり、追加の構成オプションや API を備えたモジュールもあります。詳細については、それぞれのドキュメント ページを参照してください。
モジュールを有効にするには、それを Quill の設定に含めるだけです。
var quill = new Quill('#editor', {
modules: {
'history': { // Enable with custom configurations
'delay': 2500,
'userOnly': true
},
'syntax': true // Enable with default configuration
}
});
のクリップボード、キーボード、 と歴史モジュールは Quill に必要であり、明示的に含める必要はありませんが、他のモジュールと同様に構成できます。
モジュールを拡張して再登録して、元のモジュールを置き換えることもできます。必要なモジュールも再登録して置き換えることができます。
var Clipboard = Quill.import('modules/clipboard');
var Delta = Quill.import('delta');
class PlainClipboard extends Clipboard {
convert(html = null) {
if (typeof html === 'string') {
this.container.innerHTML = html;
}
let text = this.container.innerText;
this.container.innerHTML = '';
return new Delta().insert(text);
}
}
Quill.register('modules/clipboard', PlainClipboard, true);
// Will be created with instance of PlainClipboard
var quill = new Quill('#editor');
注: この特定の例は、何が可能かを示すために選択されたものです。多くの場合、既存のモジュールが公開する API または構成をそのまま使用する方が簡単です。この例では、既存のクリップボードの追加マッチャーAPI は、ほとんどの貼り付けカスタマイズ シナリオに適しています。