#53532023年9月1日作者 rozek3 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 版本 1.56.20 Chromium：115.0.5790.171（Offizieller 构建）（arm64）可复制演示链接 没有描述一下那个虫子 已建立的联系 不能引用JavaScript模块，否则可能会遇到以下错误： 这使得将现代JavaScript与GrapesJS结合使用变得非常困难行为准则[X] 我同意遵守本项目的行为准则
artf
“''js 剧本：[ { src： '...file.js'，类型：'module'}， ], ```
ClaudeCode
谢谢你举报，@rozek。 错误错误： 根本原因分析： Canvas 在调用你的方法之前不会验证状态。当多个操作同时发生时，这会造成时间上的脆弱性。 下一步步骤：** 试试上面的空护卫变通方法 更新至最新的GrapesJS — 许多竞赛条件已被修复 如果这种情况持续，请与团队分享你的具体复制步骤 考虑在你自己的组件初始化中添加防御性检查 这部分正在被积极跟踪，预计将在后续版本中改进。
#53522023年8月31日作者 rozek3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 版本 1.56.20 Chromium：115.0.5790.171（Offizieller 构建）（arm64） 可复制演示链接 没有 描述一下那个虫子 我有一个带有脚本的组件类型 在使用此类组件预览项目时，GrapesJS 会创建以下 HTML 如果你仔细检查这个输出，会发现内部的“脚本（）{'没有被正确闭合。 我已经尝试过找一些变通方法，但还没成功。但我会继续尝试，因为这个问题最终成为了障碍...... 行为准则 [X] 我同意遵守本项目的行为准则
rozek
这很有趣：定义一个独立的功能 以及定义文档中描述的组件类型 按设计运作。 但听起来还是很奇怪，内联函数在导出的HTML中会出现语法错误......
ClaudeCode
谢谢你举报，@rozek。 未捕获语法错误：CanvasView.ts：590：12 的意外令牌 '{' 似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox...
#53422023年8月26日作者 wsaca1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 116.0.3 可复制演示链接 https://grapesjs.com/demo-mjml.html 描述一下那个虫子 如何复现这个漏洞？在画布上滚动到底部并选择一个组件打开层次选择画布顶部的组件，滚动功能无法使用。 预期的行为是什么？ 滚动应该能用。 目前的行为是什么？ 滚动不起作用。 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 你的代码在这里 scrollTop 和 scrollLeft 总是为 0，可以替换为： “''js const { scrollTop， scrollLeft } = this.ge...
ClaudeCode
谢谢你举报，@wsaca。 关于scrollCanvas不工作的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'）...
#53342023年8月24日作者 DreamCloudProject4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome、Opera、Edge 等 可复制演示链接 https://jsfiddle.net/crszh0jo/6/ 描述一下那个虫子 我正在尝试让它像这里描述的那样工作[[问题] Canvas #951]（https://github.com/GrapesJS/grapesjs/issues/951）无法选择自定义组件，但还是没成功。 我怎样才能让画布中的选择功能和图层管理器的选择功能一样？因为这里描述的解决方案对我来说不适用。我需要允许用户从画布中选择自定义组件，而不是每次都打开图层管理器。 行为准则 [X] 我同意遵守本项目的行为准则
DreamCloudProject
@artf 是的，你说得对。我阻止了点击传播，所以编辑器无法接收点击事件，因此无法执行选择元素的逻辑。 我尝试通过在组件内将“e.stopPropagation（）”替换为“e.preventDefault（）”，将点击传播设置为仅对当前元素进行，现在编辑器中的元素选择逻辑正常了。问题似乎已经解决了。谢谢！
DreamCloudProject
https://github.com/GrapesJS/grapesjs/assets/7961936/12180b41-4c29-489d-9bcd-1ea025a96a8f 这个例子展示了它在我的编辑器中的工作原理。
yatoogamii
你好@DreamCloudProject，看起来你的组件MSC头锁住了。这是一个属性，允许从图层点击组件，但不能从Canva本身点击 你能分享或验证你的组件定义，并检查“锁定”属性是否设置为true吗？
#53192023年8月18日作者 AFriboulet-ii2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome V116.0.5845.96 可复制演示链接 https://jsfiddle.net/AdrienFriboulet/npdkshaf/8/ 描述一下那个虫子 https://github.com/GrapesJS/grapesjs/assets/128728949/e85b65c4-53ad-43d0-9f5f-74dc0a181dd0 如何复现这个漏洞？开放提供的小提琴 [此处]（https://jsfiddle.net/AdrienFriboulet/npdkshaf/8/）删除一个组成部分的“段落”选择之前的组件，下放并点击工...
artf
谢谢@AFriboulet-ii，我会在下次发布时修复。
ClaudeCode
谢谢你举报，@AFriboulet-ii。 关于Undo不会在组件上刷新类，这个问题问得很好。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somethin...
#53162023年8月17日作者 BenKhz3 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v115.0.5790.170可复制演示链接 https://jsfiddle.net/BenKhz/yfwqc6mu/1/ 参考[这里的文档]（https://grapesjs.com/docs/api/selector_manager.html#available-events）描述一下那个虫子开放式提供的小提琴 [此处]（https://jsfiddle.net/BenKhz/yfwqc6mu/1/）在 Canvas 上选择一个组件，并通过选择器管理器添加类。（“添加”和“更新”事件将被捕获）从类管理器中移除一个类'editor.on...
artf
你好，@BenKhz之所以这样，是因为“selector*”事件与全局Selectors容器有关（当你从组件中移除选择器时，Selector本身仍然存在，因为它可以在其他地方使用），如果你想跟踪组件选择器的变化，必须使用'component：update：classes'事件
BenKhz
啊！我误会了。谢谢你的澄清。继续加油！
ClaudeCode
谢谢你举报，@BenKhz。 编辑器未订阅selector：remove的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根...
#53052023年8月13日作者 rajevar2 个回答
葡萄JS版本 0.21.4[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome 版本 113.0.5672.63可复制演示链接 https://jsfiddle.net/szLp8h4n/11/描述一下那个虫子 如何复现这个漏洞？ 在页面上移动任何文本组件。 警报将会显示。 可能是倒退。 https://github.com/GrapesJS/grapesjs/issues/868 没看到重新开启bug的选项，所以新建一个。 预期的行为是什么？ 警报只会在向画布添加新组件时显示 目前的行为是什么？ 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 你的代码在这里 ```行为准则[X] 我同...
artf
你好@rajevar我觉得你是在找“component：create”事件，因为“component：add”是正常工作的（比如用来跟踪某个组件内的任何新移动）
ClaudeCode
谢谢你举报，@rajevar。 关于“组件：添加”事件在组件移动时触发，这个问题很棒。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something ch...
#52802023年8月7日作者 fluke7772 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 版本 115.0.5790.114 可复制演示链接 https://jsfiddle.net/mcraf3se/5/ 描述一下那个虫子 你好，我刚开始用GrapesJS，所以很可能我误解了某些根本性的问题。 我在为自定义组件视图设置事件处理程序时遇到了困难。 如何复现这个漏洞？ 在链接的JS小提琴中。将我的分区拖拽到画布上点击其中（应该有带有“stuff”的div）。 预期的行为是什么？ 根据文档[这里]（https://grapesjs.com/docs/modules/Components.html#define-custom-co...
artf
这里的错误是用了箭头函数，只需用 'clickOnElement（） {' 来替代它
ClaudeCode
谢谢你举报，@fluke777。 关于事件处理程序在视图中但不绑定到组件，这个问题很棒。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something c...
#52742023年8月3日作者 wunksert4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v114 可复制演示链接 https://github.com/wunksert/remix-grapes-error/tree/main 描述一下那个虫子 如何复现这个漏洞？上文的克隆仓库NPM INPM 运行开发 你会看到葡萄iframe和样板画已经被渲染进画布里。尝试导出，你会发现所有葡萄模板也在渲染到画布里打开开发工具，你会看到错误： 补充背景 预期的行为是什么？ 编辑器应该正确地渲染它的样板，和它一样 目前的行为是什么？ 解析器似乎不起作用。编辑器渲染的是用来封装编辑器DOM的iframe。它还导出所有葡萄JS模板。 如果需要...
artf
@wunksert看起来编辑器会多次初始化自己，你是否正确地用 destroy 清除编辑器实例（例如在 useEffect 中）？
wunksert
也许我编辑项目中的结构或命名规范，解决这个问题会更简单。如果比在 GrapesJS Core 里改动更快，我很乐意这么做。
#52682023年8月2日作者 SLain1233 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v115 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？将视频组件拖放到画布上。选择YouTube或Vimeo并添加视频ID。激活自动播放复选框。发布或预览页面。 预期的行为是什么？ 视频必须在用户打开页面后自动播放。 目前的行为是什么？ 视频无法启动。行为准则 [X] 我同意遵守本项目的行为准则
SLain123
我自己能修复这个bug，但我无法用fix把分支推送到仓库。看起来我没有推送或创建新分支的权限。
artf
@SLain123你必须从分支 https://stackoverflow.com/questions/38918942/pull-request-from-a-different-repository 创建一个PR
ClaudeCode
谢谢你举报，@SLain123。 关于YouTube或Vimeo自动播放不起的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something ch...