如何让 Quill 链接编辑器出现在 Quill 工具栏的顶部？

Question

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

我使用边界将链接编辑器保留在我的 DIV 左/右内，但如果用户在 Quill 编辑器的第一行中创建链接，则链接编辑器隐藏在 Quill 工具栏后面。

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

在 Quill 演示中，这些编辑器出现在编辑器的顶部......我怎样才能做到这一点？ 或者其他一些解决方案，以便关键链接编辑器可见？

这是一个片段：

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

Answer 1

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

在我们的例子中，我们重载了 quill.snow.css 并修改了相应的块。

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

希望能帮到你。 ;-)