現時点では、Quill JS についての私の理解はかなり限られています。Quill サイト/github ページでこれに関するドキュメントを見つけることができないので、誰かが私を正してくれることを願っています。
Quill ツールバーを作成するとき、ツールバーの select 要素の 'selected' 属性を設定することができます。この設定は、新しい行を入力するときのデフォルト値として使用されます。
<select title="Size" class="ql-size">
<option value="10px">Small</option>
<option value="13px">Normal</option>
<option value="18px">Large</option>
<option value="32px" selected>Huge</option>
</select>
このデフォルト値はツールバーに表示されますが、対応する値は行に適用されません。
次のJS Fiddleを参照してください
「デフォルト」フォントはモノスペースで、サイズは「巨大」です。ただし、エディターに入力しても、ツールバーのドロップダウンからこれらの値を再選択しない限り、これは適用されません。
ツールバーに設定された「デフォルト」値に一致する CSS ルールもエディターに適用する必要があると予想されますか? （これは不必要な重複のようです）または、これを間違った方向から見ていますか？