Quill JS - 不确定如何正确设置初始工具栏选项

Question

目前我对Quill JS的理解非常有限，我在Quill网站/ github页面上找不到任何关于此的文档，所以我希望有人能够让我直截了当。

创建Quill工具栏时，可以设置工具栏选择元素的“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

'default'字体是等宽字体，大小是'巨大的'。但是，如果您在编辑器中键入内容，则不会应用此选项，除非您从工具栏下拉列表中重新选择这些值。

您是否应该将CSS规则应用于编辑器中与工具栏中设置的“默认”值匹配？ （这似乎是不必要的重复） 或者我是从错误的方向看这个？

Answer 1

您还应该将CSS规则应用于编辑器以匹配＆＃39;默认＆＃39;。当你告诉工具栏时，＆＃39; 32px＆＃39;是默认设置，你不是说将文字设置为32px，你说是设置为空/取消设置。否则，每个未格式化的字符都将使用大量默认格式进行格式化。