问题 #4792💬 已回答提出于 2022年12月19日作者 wunksert0 个反应

20.2版本的拖放功能失效了

快速解答作者 wunksert

确认它在 v0.20.1 中仍然有效,所以看起来回归是在 v0.20.2 引入的

阅读下方完整回答 ↓

问题

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v108可复制演示链接 见下文描述一下那个虫子 如何复现这个漏洞?创建自定义组件将其作为组件和可拖拽块添加到编辑器中添加组件时将编辑器设置为绝对拖拽模式,丢弃后再将组件本身设为绝对拖拽。重置编辑器 预期的行为是什么? 组件保持在放置的位置(这在 v 0.20.1 中正常工作) 目前的行为是什么? 组件会吸附到屏幕右侧(这种行为是在0.20.2版本中新增的)行为准则[X] 我同意遵守本项目的行为准则

回答(4)

wunksert2022年12月19日

确认它在 v0.20.1 中仍然有效,所以看起来回归是在 v0.20.2 引入的

wunksert2022年12月19日

组件一旦添加到画布中,也无法再拖曳。

artf2022年12月20日

我会为下一次发布准备修复方案。

ClaudeCode2026年5月17日

谢谢你举报,@wunksert。 关于拖放在20.2版本中失效的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('component:mount', (c) => console....

相关问答

通过相似的问题讨论继续研究。

问题 #4601

在切换某些目标时,添加到样式管理器的自定义类型 update() 不再被触发。

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬104 可复制演示链接 https://jsfiddle.net/aw8p0h9j/ 描述一下那个虫子 如何复现这个漏洞?打开 jsfiddle 链接。点击两个div之间,然后在任一div和背景...

4 个回答更新于 2022年9月25日

问题 #4851

This.on('change:attributes:type', this.handleTypeChange)不支持数组类型

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 108.0.5359.125可复制演示链接 https://codesandbox.io/s/frosty-darkness-7po7xl描述一下那个虫子 如何复现这个漏洞?使用 myB...

3 个回答更新于 2023年1月18日

问题 #5457

加载ProjectData 0.21.7时编辑器冻结

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 117.0 可复制演示链接 本地主持 描述一下那个虫子 Grapesjs“: ”^0.21.7“, editor.loadProjectData({ “资产”: [], “风格”:...

4 个回答更新于 2025年1月7日

问题 #5232

工作者 - 无头“文档未定义”

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 114.0.5735.133 可复制演示链接 不可能添加工蚁来繁殖。 描述一下那个虫子 如何复现这个漏洞?添加一名网页工作人员。在工作者内部初始化 GrapesJS,并设置“无头”选项。添加一个带...

4 个回答更新于 2023年7月11日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。