jquery - Jquery UI 对话框和 Tui “Toast UI 图像编辑器” - 无法在弹出窗口中的图像上键入文本
问题描述
我正在开发一个使用 Jquery UI 1.10.1“对话框”功能的大型遗留项目。现在我实现了 TUI - Toast 图像编辑器https://github.com/nhnent/tui.editor
问题是在图像上写文本时,它不起作用,但只有在加载到 dialog() 弹出窗口时才会起作用。当直接加载到页面上的 div 中时,它会按预期工作。
因此,onKeyDown 笔画不会在对话框弹出窗口中出现在画布中......
$('.image-editor-modal').dialog({
height: 800,
width: '90%',
modal: true,
autoOpen: false
});
有任何想法吗?
解决方案
问题出在“modal: true”选项中。我不得不把它排除在外,然后可以在画布上再次输入文本。
从文档中:
如果设置为 true,则对话框将具有模态行为;页面上的其他项目将被禁用,即无法交互。模态对话框在对话框下方但在其他页面元素上方创建覆盖。
$('.image-editor-modal').dialog({
height: 800,
width: '90%',
autoOpen: false
});
推荐阅读
- java - Not able to insert byte[] "image/pdf" file in spring
- c# - Offline SQL Server database sync to online SQL Server
- javascript - 在一个模式中编码 50 万个圆圈
- asp.net - 使用 DataView.RowFilter 过滤记录时转换列的数据类型
- sql - SQL Server 分区。为明年创建新分区
- c# - C# Gzip 在服务器端错误地压缩字节数组
- javascript - 如何使用单个 ajax 调用下载文件?
- javascript - TypeError:无法读取未定义 + Jest + NodeJS 的属性“原型”
- python - 文件夹结构和导入
- google-colaboratory - Colab 的多个 Google 帐户