羽毛笔列表空白

Question

我正在使用CDN的Quill版本;我定义了Quill.js和Quill.snow.css。我正在添加

var quill = new Quill('#editor', {
           modules: {
              toolbar: [
                 ['list'..]
              ]
           },
           theme: 'snow'  // or 'bubble'
        });

渲染时会生成：

<button class="ql-list" type="button"></button>

但我没有看到任何东西，虽然我可以点击该空间并以此方式触发行动。

我查看了CSS并没有找到.ql-list CSS类。很明显为什么它不起作用，但为什么CSS文件不完整？

Answer 1

根据他们的文档 - https://quilljs.com/docs/modules/toolbar/该列表也应该有一个值。尝试将其作为像 -

之类的对象传递

{ 'list': 'ordered'}, { 'list': 'bullet' }代替'list'

然后生成的代码可能看起来像 -

<button class="ql-list" type="button" value="ordered"></button>

也许在CSS文件中你会找到与

相关的内容

.ql-list[value="ordered"]{
 // Styling for ordered list here
}

如果不在CSS中，它可能是基于值动态构造的SVG。谁知道这些天人们在做什么！