#55422023年12月4日作者 brenoassp2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 119.0.6045.200 64位 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？拖拽视频块到画布中点击视频，选择YouTube作为提供者。添加任何视频ID，比如lDK9QqIzhwk，并勾选自动播放选项。点击查看代码按钮，查找生成的iframe。URL大致是：“https://www.youtube.com/embed/lDK9QqIzhwk?&autoplay=1&muted=1”。 预期的行为是什么？ 预期的行为是自动播放生成的HTML视频。 目前的行为是什么？...
artf
看起来静音属性在Vimeo上是正确的，但YouTube上不行。我会推修，谢谢。
ClaudeCode
谢谢你举报，@brenoassp。 关于YouTube自动播放错误的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed...
#54502023年10月10日作者 ChiragS-Prajapati2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 版本 117.0.5938.134（官方构建）（64位） 可复制演示链接 https://jsfiddle.net/ap404703/0e5zop1n/ 描述一下那个虫子 示例如下 葡萄 Js 文件 ：- 初始化葡萄JS const editor = Grapesjs.init（{ 画布：{ 风格：[ “https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css”， “https://unpkg.com/swiper@7/swiper-bundle.min.css” ] }, styleManager...
artf
@ChiragS-Prajapati 你必须使用 [可拖拽/丢弃组件属性]（https://grapesjs.com/docs/api/component.html#properties）来控制组件可以拖拽的位置，以及哪些组件可以被丢入其中。
ClaudeCode
感谢你报告，@ChiragS-Prajapati。 关于“Section should with the overlaping with grapes js”的问题，似乎是竞争条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的Grape...
#54412023年10月3日作者 padcom2 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome最新款可复制演示链接 https://github.com/padcom/grapesjs-no-id-for-element-example描述一下那个虫子 在创建自定义 GrapesJS 组件时，如果这些组件带有 'script（）'（组件的运行时行为）且该组件没有样式，那么根元素没有 'id' 属性，这会导致 'document.querySelectorAll（'#<id-goes-here'）' 失败，运行时脚本不会被调用。 在给出的例子中，我创建了一个特殊的自定义元素，称为“<content-preview>'（https://g...
artf
问题源于'jsInHtml： false'的使用以及内部JS生成器的处理方式。 我会尽量在下一个版本里修复这个问题。
ClaudeCode
谢谢你举报，@padcom。 没有样式但带有“脚本”的元素ID导致脚本无法运行的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快...
#53862023年9月15日作者 kmkaliraj2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 埃奇 可复制演示链接 匿名 描述一下那个虫子 如何复现这个漏洞？ 版本：0.18.2 我们的系统中记录了Grapejs模块的以下错误。我们不确定该错误发生在哪种情况下。 类型错误：无法读取未定义的属性（读取“宽度”） at Object.getTargetToElementFixed （https://content.domain.com/resource/makerx/static/js/module/vendors~form-designer~c7cc6222.85501132.chunk.js:2:6330393） 载于 i.updateToo...
ClaudeCode
谢谢你举报，@kmkaliraj。 关于无法读取未定义属性（读作“宽度”）的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something cha...
#53792023年9月12日作者 Sw33tgt4 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome 版本 116可复制演示链接 https://jsfiddle.net/h5b0ndvL/1/描述一下那个虫子 当组件在画布中重新渲染时，模型定义中添加了一个新属性会被渲染，但当组件渲染到画布时，新添加的类不会被添加。初始化函数 Component.ts 添加默认属性以及组件属性。 'this.set（'attributes'， { ...（result（this， 'defaults'）.attributes ||{}), ...（this.get（'attributes'） ||{}), });` 然而，当我查看 initClasses（...
Sw33tgt
目前作为一个变通方法，我用 'editor.on（'component：mount'， （component） => {}）;' 函数添加了这个功能，直到收到反馈。看起来效果不错。如果某个类从定义中移除，该被移除的类仍然可以在已保存组件的类列表中使用，但我猜没有解决办法。 “打字稿” editor.on（'component：mount'， （component） => { const cls = component.getClasses（） ||[]; const cls...
Sw33tgt
是的，这对类是有意为之，按照你的方法，你无法从组件中移除定义的类，它们会在组件初始时不断添加。 这对于组件中某个类被遗忘，想在渲染时添加它到另一个版本插件时是可以的。我们把这些类设置为私密，这样用户看不到它们，也无法手动移除。 我相信作为一种变通方法，我可以把旧类的定义存到新属性上，然后在渲染新类之前比较它们，看看哪些需要被删除。我可以想办法解决我们需要的。 感谢你的回复@artf，
Sw33tgt
在 Component.ts 的 initClasses（） 函数中做类似这样的功能，会把新类添加到渲染的元素中。告诉我你的看法： “打字稿” const cls = this.get（'classes'） ||攻击者 ||[]; 从const变为令 令 clsArr = isString（cls） ？cls.split（' '） ： CLS; / 与默认职业对比 / cont dCls = result（this， 'defaults'）.classes ||[]; co...
#53782023年9月11日作者 Sw33tgt4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v116.0.5845.97 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？从画布中选择任意组件打开图层管理器面板选择第一个“分段”组件使用箭头移动该段并改变顺序 预期的行为是什么？ 该部门应将新位置移动 目前的行为是什么？ 控制台正在抛出一个错误：未捕获类型错误：无法读取未定义属性（读取“Canvas”）和未捕获类型错误：无法读取未定义属性（读取“方法”）。 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 你的代码在这里 ``` ![图片]（http...
Sw33tgt
我降级到v0.21.4后这个问题就没了，所以只在最新版本上出现。
padcom
最简单的例子里也有同样的问题。降级到0.4会让它消失。回归？
artf
是的，已经修正了[这里]（https://github.com/GrapesJS/grapesjs/issues/5355）。我会推迟本周末发布新书。
#53722023年9月8日作者 uncldrw1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Windows、Chrome、React 可复制演示链接 / 描述一下那个虫子 当尝试添加自定义 atRules 如 @container 或 @font-face 时，CSS 总是编译成 @media。我尝试过各种方法，包括使用 Css.setRules 和 Css.addRules，以及插入 HTML 字符串，但都无济于事。 这是我给的代码： 行为准则 [X] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报，@uncldrw。 无法添加自定义AtRule（@container，@font面）的问题似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）...
#53632023年9月5日作者 rozek4 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 版本 1.56.20 Chromium：115.0.5790.171（Offizieller 构建）（arm64）可复制演示链接 没有描述一下那个虫子 当我尝试通过图层面板中排序画布上的元素时，拖曳时反复出现以下错误提示： 此外，在“鼠标上移”时，我会收到以下错误信息 这个问题可能是最近才出现的，因为我记得几天前排序功能还能用......行为准则[X] 我同意遵守本项目的行为准则
rozek
'Sorter.ts：500' 包含 'const cv = this.em！.Canvas'，显然是错误的（因为“em”_是null或未定义） 很遗憾，我目前还不太理解所有缩写的代码——但是：如果将第499行改为“如果（型号？）”，会不会更易。Set && （this.em ！= null）） {' 这里有帮助吗？ 注意：确实，这个小“窍门”帮我整理图层——我可以把图层往下移，但不能往上移。而且，因为我不懂代码，我的破解就是“破解”，不是修复！
artf
作为 https://github.com/GrapesJS/grapesjs/issues/5355 的重复关闭
#53552023年9月1日作者 andcmatias1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬116 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？打开图层管理器，尝试移动组件它会禁用该组件，并在控制台中显示错误信息。未捕获类型错误：无法读取未定义属性（读取“画布”） at o.selectTargetModel （Sorter.ts：500：27） at o.onMove （Sorter.ts：545：10） e时（executeBound.js：8：65） 在HTMLDivElement。<anonymous> （bind.js：10：12） 在HTMLDivEleme...
ClaudeCode
谢谢你举报，@andcmatias。 关于移动层的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））;...
#53542023年9月1日作者 rozek4 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 版本 1.56.20 Chromium：115.0.5790.171（Offizieller 构建）（arm64）可复制演示链接 没有描述一下那个虫子 “canvas.scripts”引用的脚本 无法基于“导入映射”导入第三方模块。 如果同一模块必须同时被编辑器、预览和HTML导出使用，可能需要准备两个不同的脚本版本——一个用于开发（在GrapesJS内），另一个用于部署——这绝对应该避免行为准则[X] 我同意遵守本项目的行为准则
artf
https://github.com/GrapesJS/grapesjs/issues/5353#issuecomment-1704023749
rozek
你测试过吗？ 尝试时 在当前版本的GrapesJS中，浏览器日志中会出现以下（扩展版）错误信息：