在 Safari 中，自 v0.22.1 起，拖放方块功能不再正常工作

Question

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Mac 版 Safari 18.5 可复制演示链接 https://codepen.io/jmulik/pen/LEpdjZq 描述一下那个虫子 如何复现这个漏洞？ 在Chrome中查看 https://codepen.io/jmulik/pen/LEpdjZq - 支持拖放方块。 在Safari中查看。- 无法放置和放下方块。 预期的行为是什么？ 变装和变装在Safari里应该能行。就像Chrome一样。 目前的行为是什么？ 在Safari中，方块的拖放功能不起作用。 观察 Safari 中的拖拽功能在 GrapesJS v0.21.13 中有效。在 v0.22.1 及以后版本中被破坏了。 问题的根源似乎是 grapejs 会话无法在浏览器本地存储中创建 'gjsProject' 密钥。 行为准则 [x] 我同意遵守本项目的行为准则

them7d · Accepted Answer

是的，它不能用，因为代码和Safari浏览器不完全兼容 要解决这个问题，你需要在NextJS中使用 grapes ，比如这个页面 https://grapesjs.com/demo.html

GJS Helper · Answer

你遇到的拖放功能自 v0.22.1 以来在 Safari 中无法正常工作GrapesJS是与框架存储管理变更相关的已知行为。 根本原因 GrapesJS v0.22.0 对其storageManager进行了重大更新，indexedDB成为默认存储驱动，以提升性能和容量。虽然 indexedDB 整体上很稳健，但 Safari，尤其是在某些情境下，比如 iframes（如你的 Codepen 演示所示）或启用了“防止跨站追踪”等隐私设置时，可能会有更严格的政策或针对indexedDB访问的具体特性。 当indexedDB在 Safari 中初始化或操作失败，且localStorage的回退机制未按预期触发或遇到限制时，GrapesJS编辑器无法持久化或检索其项目状态（你观察到的gjsProject键）。初始化不完全的编辑器状态可能导致核心功能（如拖放）无法按预期工作。拖放机制高度依赖编辑器内部组件管理，而这依赖于正确加载和保存的状态。 解决方案 / 变通方法 最可靠的解决方案是明确配置GrapesJS使用localStorage驱动，这是 v0.22.0 之前版本的默认配置（比如你确...

在 Safari 中，自 v0.22.1 起，拖放方块功能不再正常工作

问题

GrapesJS版本

你用的是什么浏览器？

可复制演示链接

描述一下那个虫子

行为准则

回答（2）

相关问答

Pasting a component in root body layer throws TypeError

无法读取 Canvas 模块中空属性（读取“hasFocus”）的属性

不提供单指针操作模式用于编辑元素拖拽操作。

JS error when moving an element with its child

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

2026年构建一个SaaS页面构建器需要多少钱？

PageKit：你无论如何都得自己开发 GrapesJS 应用

浏览插件分类