在Google Chrome的调整编辑窗口中拖放功能无法使用

Question

你好，我开发了一些组件，在Firefox和Opera浏览器中都能正常运行。 在Google Chrome中，也只能在全屏编辑器模式下正常工作。 但是，当调整编辑器屏幕大小（自定义宽度和高度）时，拖放功能对所有组件都不起作用。指向目标投放位置的绿色条也没有显示。 有时它只允许拖拽一个组件，然后会屏蔽其他所有组件。 而且在控制台窗口中没有显示错误**。 我尝试了很多方法来修复这个问题。清理了缓存，但我还是找不到解决办法。 我觉得在调整编辑器窗口大小时，有些监听器在Google Chrome的调整编辑器窗口中没有正确注册。 你能给我一个好的解决方案吗？ 谢谢。

muzniousx · Accepted Answer

你好，谢谢你的回复。'editor.refresh（）' 也没用。 但最终，在更新 Google Chrome 和 grapesjs-preset-newsletter 时，这个问题才被修复。

artf · Answer

你能解释一下你是怎么调整编辑器大小的吗？

muzniousx · Answer

这是我用来调整窗口大小的功能。 function resizeEditor（） { 如果 （$（'.detailview-header'）.length > 0） { $（'#MyTemplateEditor'）.height（（$（window）.height（） - 150 - $（'.detailview-header'）.outerHeight（true） - 70） + 'px'）; } 否则 { $（'#MyTemplateEditor'）.height（（$（window）.height（） - 150） + 'px'）; } $（'#MySettingsContentContainer'）.height（（$（'#MyTemplateEditor'）.height（） - 65） + 'px'）; } 这是我最初调整编辑器窗口大小的方式 resizeEditor（）; $（window）.on（'resize'， resizeEditor）; （上述代码在Firefox和Opera浏览器中运行良好）

在Google Chrome的调整编辑窗口中拖放功能无法使用

问题

回答（3）

相关问答

特性 - 更换视频提供商问题

：身体 -> 装饰 -> 背景-图像

第一次选择组件/块时样式管理器选项错误

拖不动方块

与此问题匹配的付费插件

相关教程

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

浏览插件分类