在 Safari 中，自 v0.22.1 起，拖放方块功能不再正常工作
是的，它不能用，因为代码和Safari浏览器不完全兼容 要解决这个问题，你需要在NextJS中使用葡萄，比如这个页面 https://grapesjs.com/demo.html
阅读下方完整回答 ↓问题
GrapesJS版本
- 我确认使用最新版本的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' 密钥。
行为准则
- 我同意遵守本项目的行为准则
回答（2）
是的，它不能用，因为代码和Safari浏览器不完全兼容 要解决这个问题，你需要在NextJS中使用葡萄，比如这个页面 https://grapesjs.com/demo.html
感谢你举报，@CES-TechAdmin。 关于在Safari中，自v0.22.1起拖放方块功能不工作的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行细致跟踪 构建一个插件，扩展编辑器并具备此功能 正式宣布： 如果此功能能惠及更多用户，考虑...
相关问答
通过相似的问题讨论继续研究。
问题 #4000
在根体层粘贴组件会触发类型错误
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v89 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？在官方演示中，进入图层管理器，用“cmd+c”复制任意图层点...
问题 #6707
无法读取 Canvas 模块中空属性（读取“hasFocus”）的属性
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome（版本142-144）、Safari（版本16.3、26.1），可能还有其他版本 可复制演示链接 https://jsfiddle.net/saeedhbi/tqfe7p04/...
问题 #6582
不提供单指针操作模式用于编辑元素拖拽操作。
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Edge：版本 135.0.2535.51（官方构建）（64 位），Chrome 版本：版本 135.0.6422.112（官方构建）（64 位） 可复制演示链接 https://app....
问题 #4607
当带子元素移动时的 JS 错误
葡萄JS版本[x] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v104可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 如何复现这个漏洞？选择一个元素按住CTRL键，选择子元素尝试移动这些元素 预期的行为...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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.
浏览插件分类
直接跳转到市场上的插件分类页面。