如何使Quill链接编辑器显示在Quill工具栏的顶部？

Question

我将Quill.js用于动态创建的文本编辑器。

我使用边界将链接编辑器放在DIV的左/右内部，但是如果用户在Quill编辑器的第一行创建了一个链接，那么链接编辑器就隐藏在Quill工具栏的后面。

如果我创建了几个回车符，然后添加链接，链接编辑器是可见的。

在Quill演示中，这些编辑器出现在editor...how的顶部，我能做到吗？或者其他一些解决方案，所以关键的链接编辑器是可见的？

下面是一段代码：

quillP = new Quill('#comment-editor' + comment.comment_id, {
           modules: {
             toolbar: quillTB
           },
             theme: 'snow',
             bounds: '#comment-editor' + comment.comment_id
           }); 

​

​

Answer 1

我们遇到了类似的问题，并通过更改z索引修复了它。

在我们的例子中，我们重载了quill.snow.css并对相应的块进行了建模。

.ql-snow .ql-tooltip {
    ...
    z-index: 2;
}

希望这能帮到你。;-)