ckeditor 5 工具栏 link 项目在 ui-dialog 中不起作用

Question

我从另一个 UI 对话框中调用 UI 对话框来向第一个 UI 对话框中列出的用户发送电子邮件。

第二个 UI 对话框使用 Ckeditor 5 创建电子邮件的内容。

所有工具栏项目都运行良好，但 link 图标在单击时从未显示添加 URL 的下拉菜单。

我在 Google 上花了好几个小时，虽然我找不到完全相同的场景，但有几篇文章讨论了对话框和编辑器的焦点问题，主要是 Bootstrap.

我尝试 fiddle 使用提供的代码来适应我的场景，但没有任何效果。

有没有其他人遇到过这个问题，如果有，解决方案是什么。

提前致谢

Answer 1

解决了 - 添加了 .ck-balloon-panel{z-index:9999 !important} 以便它始终位于其他任何东西的前面

Answer 2

我也在处理这个问题。我设法让气球显示 .ck-balloon-panel{z-index:9999 !important} 但是写入 link 的文本框不可选择。

Answer 3

尝试将模态设置为 false

$(function () {

    $("#dialog-detail").dialog({
        autoOpen: false,
        height: 500,
        width: 700,
        modal: false,
        buttons: {
        }
    });
});

Answer 4

这是我使用 Jquery 的解决方案。

css:

.ck-balloon-panel{z-index:9998 !important}

Js:

    $("#modalId").on("click", function(){
    if($(".ck-balloon-panel").is(':visible') == true){
        setTimeout(() => {
            $(".ck-input_focused").focus()
        }, 300);
    }
})

希望对某人有所帮助，此致！

ckeditor 5 工具栏 link 项目在 ui-dialog 中不起作用

ckeditor 5 toolbar link item not working in ui-dialog

ckeditor

jquery-ui-dialog

ckeditor5