javascript - 羽毛笔列表空白

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。谁知道这些天人们在忙什么!