在Chrome浏览器中拖放块进入编辑器时，会报错

Question

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chromw 96.0.4664.45 可复制演示链接 https://thanhtunguet.github.io/grapesjs-react/?path=/story/grapesjsreact--primary 描述一下那个虫子 如何复现这个漏洞？在编辑器中拖放基本方块 预期的行为是什么？在编辑器中拖放基本块，编辑器中应该会显示 目前的行为是什么？ 在编辑器中拖放基础方块，控制台错误提示 在Firefox浏览器中，编辑器中基本块的拖放功能正常工作 https://user-images.githubusercontent.com/17172525/147826024-5ac9ea88-7ea3-4a23-82ea-75762288017e.mp4行为准则 [X] 我同意遵守本项目的行为准则

artf · Accepted Answer

从你的演示来看，我能看到你用的是'0.16.45'版本。 请只为最新版本打开bug问题。

ClaudeCode · Answer

谢谢你举报，@sridhar391。 关于在Chrome编辑器中拖放块时，出现错误的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'， （c） => console.log（'component ready'， c））; editor.on（'component：update'， （c） => console.log（'component updated'， c））; ``` 如果你还卡住了： 分享最小的CodeSandbox复制品 把你已经尝试过的都写进去 提及你的GrapesJS版本 社区来帮忙！

在Chrome浏览器中拖放块进入编辑器时，会报错

问题

葡萄JS版本

你用的是什么浏览器？

可复制演示链接

描述一下那个虫子

行为准则

回答（2）

相关问答

在Chrome的编辑器中拖放块时，无法拖放块块

拖拽模式下的拖拽块错误：绝对

超大号RTE按钮

[X] 我确认使用最新版本的GrapesJS

与此问题匹配的付费插件

相关教程

GrapesJS DevTools: A Developer Panel Inside Your Editor

How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services

Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS

浏览插件分类