1

为了在我的 Quilljs 编辑器中测试链接，我突出显示文本，然后单击工具栏中的链接符号——链接工具提示会出现一瞬间，除非我按住符号单击，否则只会立即消失。

似乎有一个“ql-hidden”类被错误地应用，但我不确定这是否与我的配置不正确有关。

这是JavaScript：

var primaryQuill = new Quill('#editor', {
        modules: {
            toolbar: '#toolbar',
            'link-tooltip': true
        },
        theme: 'snow'
});

这是 HTML（使用 Jade 模板语言）：

#toolbar
    span.ql-format-group
        button.ql-bold(type="button") Bold
        button.ql-italic(type="button") Italic
    span.ql-format-group
        button.ql-link(type="button") Link
#editor
    p Start writing here...

以下是我为此编写的唯一样式：

.ql-toolbar {
    background: #fff !important;
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,.1) !important;
    margin: 5px 0px !important;
    border: none !important;
}

.ql-container {
    margin: -5px 0px !important;
    background: #fff !important;
    border: none !important;
    box-shadow: 1px 2px 3px 1px rgba(0,0,0,.2) !important;
    min-height: 500px;
    font-size: 1.2em !important;
    font-family: inherit !important;
    color:rgba(0,0,0,.8) !important;
}
4

0 回答 0