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