javascript - 默认情况下，“羽毛笔链接”工具提示不可见

今天，我在寻找富文本编辑器时发现了Quill，并尝试按照文档进行操作。到目前为止，大多数功能都可以正常工作。

我唯一的问题是，当我单击“链接”图标时，由于以下类被神秘地添加到ql-tooltip <div>元素：ql-out-bottom中，因此该工具提示没有出现。

此类在quill.snow.css:391处添加以下CSS规则：

.ql-snow .ql-out-bottom, .ql-snow .ql-out-top {
    visibility: hidden;
}

在Quill的文档演示中并未添加此类，这确实使我感到困惑。

这是我当前的设置，完全是从文档中复制出来的：

var snowQuill = new Quill('.quill', {
    placeholder: 'Skriv noget hyggeligt her...',
    modules: {
        toolbar: [
            [{ header: [] }],
            ['bold', 'italic', 'underline', 'link'],
            [{ color: [] }, { background: [] }],
            [{ list: 'ordered' }, { list: 'bullet' }],
            ['clean']
        ]
    },
    theme: 'snow'
});

我正在使用Quill v1.0.0-beta.11，并从cdn.quilljs.com获取JS和CSS。希望这篇文章遵循所有手续，因为我不经常在Stackoverflow上发表文章。

最佳答案

当工具提示超出编辑器的垂直范围时，将添加两个类.ql-out-bottom和.ql-out-top。

关于javascript - 默认情况下，“羽毛笔链接”工具提示不可见，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38924971/