Jquery UI 对话框和 Tui "Toast UI image editor" - 无法在弹出窗口中的图像上键入文本

Question

我正在处理一个使用 Jquery UI 1.10.1 "dialog" 功能的大型遗留项目。现在我实现了 TUI - Toast 图像编辑器 https://github.com/nhnent/tui.editor

问题是在图像上写文本时，它不起作用，但只有在加载到 dialog() 弹出窗口时才起作用。当直接在页面上的 div 中加载时，它按预期工作。

所以 onKeyDown 笔触不会在对话框弹出窗口的 canvas 中出现...

$('.image-editor-modal').dialog({
    height: 800,
    width: '90%',
    modal: true,
    autoOpen: false
});

有什么想法吗？

Answer 1

问题出在选项 "modal: true" 中。我不得不将其排除在外，然后可以在 canvas.

中再次键入文本

来自documentation：

If set to true, the dialog will have modal behavior; other items on the page will be disabled, i.e., cannot be interacted with. Modal dialogs create an overlay below the dialog but above other page elements.

$('.image-editor-modal').dialog({
    height: 800,
    width: '90%',
    autoOpen: false
});