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

Question

我目前对 Quill JS 的理解非常有限，我在 Quill site/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

'default' 字体为等宽字体，大小为 'huge'。但是，如果您在编辑器中输入，这将不会应用，除非您从工具栏下拉菜单中重新 select 这些值。

您是否也应该将 CSS 规则应用于与工具栏中设置的 'default' 值相匹配的编辑器？（这似乎是不必要的重复）还是我看错方向了？

Answer 1

预计您还将 CSS 规则应用于编辑器以匹配 'default'。当您告诉工具栏“32px”是默认值时，您并不是说将文本设置为 32px，而是说将其设置为空/取消设置。否则，每个未格式化的字符都将使用大量默认格式进行格式化。

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

Quill JS - unsure how to properly set initial toolbar options

quill