BlockManager 配置中的“appendOnClick” 不再工作了
感谢@rhoenerSBS问题已修复，[这里]（https://github.com/GrapesJS/grapesjs/pull/6346），并将在下一个版本中提供。
阅读下方完整回答 ↓问题
葡萄JS版本
- 我确认使用最新版本的GrapesJS
你用的是什么浏览器？
Chrome v131
可复制演示链接
https://jsfiddle.net/0uaxn2vc/2/
描述一下那个虫子
如何复现这个漏洞？
- 打开小提琴链接
- 选择可以添加组件的主体或其他组件
- 尝试只通过点击方块添加组件，不要拖放
- 以前能用，但现在即使在 BlockManager 配置里用 appendOnClick： true 也不能了
预期的行为是什么？ 组件应仅点击添加
目前的行为是什么？ 控制台错误：“BlockView.ts：58 未捕获类型错误：c.setDropContent 不是函数”，组件未被添加
行为准则
- 我同意遵守本项目的行为准则
回答（2）
感谢@rhoenerSBS问题已修复，[这里]（https://github.com/GrapesJS/grapesjs/pull/6346），并将在下一个版本中提供。
谢谢你举报，@rhoenerSBS。 关于BlockManager配置“appendOnClick”不再工作的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'， （c） =...
相关问答
通过相似的问题讨论继续研究。
问题 #6409
手机上无法拖动移动组件
葡萄JS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v133 可复制演示链接 https://jsfiddle.net/2hjdrb7L/1/ 描述一下那个虫子 如何复现这个漏洞？ 用grapesjs v0.22.x和grapesjs...
问题 #6324
Sorter.setDragHelper 不是块拖拉的函数
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 131.0.6778.86可复制演示链接 https://jsfiddle.net/badiuciprian/qe28obhr/1/描述一下那个虫子 如何复现这个漏洞？尝试将任意方块拖到画布上 预期的...
问题 #5720
传播组件默认值在引入子注释时可能会破坏层
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v122 可复制演示链接 https://jsfiddle.net/n38vbktg/ 描述一下那个虫子 如何复现这个漏洞？创建一个组件，传播包含可分层=true的默认值。在“有能力...
问题 #5379
组件的类别修改不会自动检测
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome 版本 116可复制演示链接 https://jsfiddle.net/h5b0ndvL/1/描述一下那个虫子 当组件在画布中重新渲染时，模型定义中添加了一个新属性会被渲染，但当组件渲染到...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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.
浏览插件分类
直接跳转到市场上的插件分类页面。