Javascript 默认情况下，鹅毛笔链接工具提示不可见

今天，我在寻找富文本编辑器时发现了Quill，并尝试按照文档进行操作。到目前为止，它的大部分工作正常

我唯一的问题是，当我单击链接图标时，工具提示没有出现，因为以下类被神秘地添加到了ql工具提示

元素中：

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

。

对于在角度方面有问题的人：

QuillModule.forRoot({
模块：{
工具栏：[
[{header:[false，1，2]}]，
[“粗体”、“斜体”、“下划线”]，
[“blockquote”]，
[“链接”、“图像”、“视频”]，
[“干净”]
],
},
边界：“document.body”，
主题：“雪”
})

链接可能隐藏在Angular中，由于Angular的生成方式，在此处更改边界不起作用。但是，这将解决此问题：

---

嘿，谢谢你的回答。这当然解决了这个谜。你知道羽毛笔的未来发展是否会成功，这样，如果工具提示超出了一边的界限，它可能会尝试另一边，看看是否有空间？例如，如果用户在编辑器的最底部键入并添加链接，那么编辑器可能会显示在高亮显示的文本上方，而不是下方（以及边界之外）？Quill似乎是一个很酷的项目，我知道它目前仍处于测试阶段。