代码之家 › 专栏 › 技术社区 › Brian Mains

羽毛笔列表空白

quill menu css javascript

Brian Mains · 技术社区 · 7 年前

我使用的是CDN中的Quill版本;我有羽毛笔。js和羽毛笔。雪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文件不完整?

1 回复 | 直到 7 年前

Vandesh 7 年前

根据他们在这里的文件- 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。谁知道这些天人们在干什么!

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

Mass · 如何在Tailwind CSS v4中创建配置

1 年前

magenta placenta · 将css变量合并为一个变量

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前