Quill js字体大小问题

Question

我有一个 quill.js 关于字体大小的问题。我添加了一些字体大小

<select title={__("Font size")} className="ql-size">
    <option value="8px">8</option>
    <option value="9px">9</option>
    <option value="10px">10</option>
    <option value="11px">11</option>
    <option value="12px">12</option>
    <option value="14px" selected>14</option>
    <option value="18px">18</option>
    <option value="24px">24</option>
    <option value="30px">30</option>
    <option value="36px">36</option>
    <option value="48px">48</option>
    <option value="60px">60</option>
    <option value="72px">72</option>
    <option value="96px">96</option>
</select>

而且我不会写任何大于 18 的东西，这意味着第 7 个索引

此外，我将添加到库中的默认 FONT_SIZE 变量：

FONT_SIZES: {
    '8px': 1,
    '9px': 2,
    '10px': 3,
    '11px': 4,
    '12px': 5,
    '14px': 6,
    '18px': 7,
    '24px': 8,
    '30px': 9,
    '36px': 10,
    '48px': 11,
    '60px': 12,
    '72px': 13,
    '96px': 14
  }

有人知道如何解决这个问题吗？

Answer 1

FONT_SIZE 常量无意更改，而是由于浏览器的限制而设置的。请参阅 https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand 的 fontSize 部分。 Quill 1.0 将不再使用 execCommand，不应有此限制。

Quill js字体大小问题

Quill js font size issue

javascript

quill