当我使用内联样式时，无法生成Quill编辑器名称大小选项

Question

我需要使用内联样式，所以我使用了这段代码：

var BackgroundStyle = Quill.import('attributors/style/background');
var ColorStyle = Quill.import('attributors/style/color');
var SizeStyle = Quill.import('attributors/style/size');
Quill.register(BackgroundStyle, true);
Quill.register(ColorStyle, true);
Quill.register(SizeStyle, true);

如果我只是添加此代码，则无效。所以，我改变了工具包配置：

    var config = {
        modules: {
        toolbar: [
...

            [{ 'size': ['10px', false, '18px', '32px'] }],  // custom dropdown
]}};

editor = new Quill(editorElem, config);

它开始工作但是在大小的下拉列表中所有值看起来像＆＃34;正常＆＃34;：

那么如何更改下拉列表呢？

更新：我找到了解决方案。 我也不得不改变我的风格。所以，现在当我添加这个代码时，一切正常（对其他样式也一样）：

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]::before{
    content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before {
  content: 'Huge';
  font-size: 32px;
}