羽毛笔列表空白

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>

虽然我可以单击 space 并以这种方式触发操作，但我什么也没看到。

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

Answer 1

根据此处的文档 - https://quilljs.com/docs/modules/toolbar/ 该列表也应该有一个值。尝试将其作为对象传递，例如 -

{ 'list': 'ordered'}, { 'list': 'bullet' } 而不是 'list'

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

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

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

羽毛笔列表空白

Quill List Blank

javascript

css

menu

quill