Sorter.setDragHelper 不是块拖拉的函数
问题
葡萄JS版本
- 我确认使用最新版本的GrapesJS
你用的是什么浏览器？
131.0.6778.86
可复制演示链接
https://jsfiddle.net/badiuciprian/qe28obhr/1/
描述一下那个虫子
如何复现这个漏洞？
- 尝试将任意方块拖到画布上
预期的行为是什么？ 组件被渲染到画布上
目前的行为是什么？ 什么都没发生，浏览器控制台显示错误：
BlockView.ts：103 未捕获类型错误：a.setDragHelper 不是函数 在o.startDrag（BlockView.ts：103：12） 在 HTMLDivElement.t （cash-dom.ts：765：36）
在我的真实应用中，我会收到“sorter.setDragHelper 不是函数”的错误，但我猜问题是一样的。 我可以确认 0.21.13 版本没有这个问题 https://jsfiddle.net/badiuciprian/0ngb48y6/4/
我看到0.22.1版本中排序器有些变化
行为准则
- 我同意遵守本项目的行为准则
回答（4）
我成功复现了它。这只发生在“nativeDnD： false”上。这可能让块视图使用旧排序器的API。我会尝试解决这个问题。
@mohamedsalem401你能帮我检查一下这个吗？
谢谢你帮我处理这件事。我会关注更新。
谢谢你举报，@badiuciprian。 关于 sorter.setDragHelper 不是块拖拉的函数，问题非常好。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：m...
相关问答
通过相似的问题讨论继续研究。
问题 #6409
手机上无法拖动移动组件
葡萄JS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v133 可复制演示链接 https://jsfiddle.net/2hjdrb7L/1/ 描述一下那个虫子 如何复现这个漏洞？ 用grapesjs v0.22.x和grapesjs...
问题 #5379
组件的类别修改不会自动检测
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome 版本 116可复制演示链接 https://jsfiddle.net/h5b0ndvL/1/描述一下那个虫子 当组件在画布中重新渲染时，模型定义中添加了一个新属性会被渲染，但当组件渲染到...
问题 #4497
从 v18.4 更新到 GrapesJS v19.5 会导致 Chrome 变得无响应
葡萄JS版本[x] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome 104.0.5112.79可复制演示链接 https://jsfiddle.net/gvrnw2c3/4/描述一下那个虫子 如何复现这个漏洞？ 我目前无法用 jsfiddle 重现这个...
问题 #5245
带有 editable：false 的组件内容仍然是可编辑的
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 114.0.5735.198 可复制演示链接 https://jsfiddle.net/riteshdalal/obnx7sg3/22/ 描述一下那个虫子 如何复现这个漏洞？在模型中...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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.
教程
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
浏览插件分类
直接跳转到市场上的插件分类页面。