两个宽度相同的设备
看看这个演示:https://jsfiddle.net/9w2g8su5/1/ 我有4台设备。通用版和桌面版宽度相同。如果我从通用切换到桌面(或反过来),我无法从画布中选择或编辑任何组件,除非选择另一个宽度不同的设备
阅读下方完整回答 ↓问题
大家好, 我们有一个场景,需要两台宽度相同的设备。几乎所有设备都正常,但当我们尝试在这些设备之间切换(相同宽度)时,预览中的元素直到更换尺寸不同的设备后才会响应。
有什么建议吗?
谢谢!
回答(3)
看看这个演示:https://jsfiddle.net/9w2g8su5/1/ 我有4台设备。通用版和桌面版宽度相同。如果我从通用切换到桌面(或反过来),我无法从画布中选择或编辑任何组件,除非选择另一个宽度不同的设备
大家好, 我查了一下,我认为问题出在“FrameView.updateDim()”里,当调用“em.stopDefault()”时,默认命令“select-comp”会停止,直到调整大小的过渡完成。由于尺寸未变,没有调整大小的过渡,'FrameView.updateOffset()'从未运行,因此“select-comp”命令永远不会再次启动。在代码中,[this](https://github.com/artf/grapesjs/blob/0153fb3120c3050deab31381808a1de9e211db01/src/canvas/view/FrameView.js#L33) 运...
在 FrameView.updateDim() 里调用 em.stopDefault() 是否有必要?我猜这背后有合理的原因,但我不确定具体是什么原因。
它的目的是防止动画中😬悬停组件时出现固定的高亮框
我会设置一个修复,检查维度变化,否则“udpateOffset”会立即触发
相关问答
通过相似的问题讨论继续研究。
问题 #2044
本地服务器上的 NPM 开始开发失败了
按照 README 上描述的 'dev' 分支启动本地服务器的步骤,在控制台上能用,但在 Chrome 上失败,Grapesjs 也无法加载,因为以下错误 ' 配置了远程存储: 虽然我在Chrome开发工具的网络标签里看到“/load”请求触发,但无论我在编辑器里做多少修改,都没看到...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)
New to GrapesJS? See exactly what the stock editor gives you, where it falls short, and which plugins close the gaps — a beginner-friendly 2026 comparison
教程
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
教程
How We Built Composeit in Record Time Using GrapesJS Shadcn
Bypass foundational builder boilerplate and focus on what truly matters.
浏览插件分类
直接跳转到市场上的插件分类页面。