当我将鼠标从工具栏中的链接符号中取出时,为什么链接工具提示会消失?

时间:2016-06-25 17:36:29

标签: quill

要在我的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;
}

0 个答案:

没有答案