可丢弃查询选择器 [data-gjs-type=“my-component-type”] 已无法使用
好吧,看起来回归是通过这个变化引入的:https://github.com/artf/grapesjs/commit/702ba828b13bae4b64bfd7bc79f23d8909d757f4#diff-6aa74cf54855daa6ca63a5d1e8b77c44R358 我会在下一个版本里修正它。谢谢你的报告
阅读下方完整回答 ↓问题
你好,自从最新版本后,我发现当我使用可丢弃查询选择器使用“[data-gjs-type=”my-component-type“]时,似乎不再工作了。 我已经添加了两个 codesandbox 演示来展示问题所在。 我搞不清楚到底发生了什么变化。 希望对你有帮助,谢谢!你正在提交一个漏洞你用的是最新版本吗(旧版本不支持)? 是的你是在本地版本GrapesJS还是当前演示版遇到这个bug? 最新版本为0.14.61。预期行为是什么? 在可丢弃选择器中按类型定义的组件,可以检测并只允许丢弃指定的类型。接下来会发生什么? 组件不再被识别,也不能直接插入该组件。如果你能复现该漏洞,请标明所有必要步骤创建两个组件和两个模块。一个组件带有可丢弃属性选择器,例如:“droppable: ['[data-gjs-type=”test-drop“]']'',另一个组件是我们想拖拽到第一个组件内的组件。附上截图(使用 KAP/LICEcap)、屏幕录制或现场演示[与前一版本兼容的版本 - 0.14.57](https://codesandbox.io/s/zz2nz90r7x)[无法支持最新版本的版本 - 0.14.61](https://codesandbox.io/s/zxrr42mn9l) 要测试问题,只需在画布中拖拽“TEST”块, 然后尝试将“TEST DROP”块拖拽到“TEST”组件上。
回答(1)
好吧,看起来回归是通过这个变化引入的:https://github.com/artf/grapesjs/commit/702ba828b13bae4b64bfd7bc79f23d8909d757f4#diff-6aa74cf54855daa6ca63a5d1e8b77c44R358
我会在下一个版本里修正它。谢谢你的报告
相关问答
通过相似的问题讨论继续研究。
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞? 打开页面...
问题 #2469
在 React 应用中向 RTE 工具栏添加按钮会导致按钮被重复。
你用的是最新版本吗(旧版本不支持)?是的,0.15.9你是在本地版本GrapesJS还是当前演示版遇到这个bug?本地副本你能重现演示中的bug吗?不,不是React应用。预期行为是什么?工具栏按钮应在编辑器加载时添加一次。接下来会发生什么?当导航离开并返回编辑器时,工具栏按钮...
问题 #6527
内联样式变形导致编辑器冻结
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Firefox 138.0.4 可复制演示链接 https://codesandbox.io/p/sandbox/exciting-lalande-98d5vw 描述一下那个虫子 如何复现...
问题 #6365
样式管理器未能正确解释后裔选择器
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 版本 131.0.6778.205 可复制演示链接 https://codesandbox.io/p/sandbox/naughty-microservice-5hp3h4 描述一下...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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.
浏览插件分类
直接跳转到市场上的插件分类页面。