#56832024年2月15日作者 JonathanRiche2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 克罗姆V121 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？进入 graepesjs.com/demo 页面，打开控制台，使用全局编辑器对象 运行editor.runCommand（'sw-visibility'）方法——内置网格线 而且即使面板上设置了命令，命令也运行不了，我在项目里设置过这个，最近从0.20.3升级到最新的v0.21.8，发现editor.runCommand（'sw-visibility'，{force：true}）也无法使用，但还是没用 预期的行为是什么？...
JonathanRiche
首先需要运行visualEditor.stopCommand（'sw-visibility'），不确定这是不是新用来切换的runCommand，之前需要运行停止
ClaudeCode
谢谢你举报，@JonathanRiche。 关于Commands.runCommand在内置命令中无法使用，这个问题非常好。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => consol...
#56772024年2月12日作者 soundharya23252 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://jsfiddle.net/szLp8h4n 描述一下那个虫子 如何复现这个漏洞？在<a>表单元格（td）内插入带有链接的标签。将浮点数向桌面单元格（td）赋予左或右。 预期的行为是什么？ 在表格单元格中添加浮点右/左后，对齐应该只会改变 目前的行为是什么？ 表格单元格被改成了表格行/表格正体 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： ![桌排]（https://github.com/GrapesJS/grapesjs/assets/159787750/8f713b75-b3d8-4f40-a9f8-be...
ClaudeCode
谢谢你举报，@soundharya2325。 关于*的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'...
#56742024年2月9日作者 mauriciolcs22 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Arc 版本 1.29.0 （46113）可复制演示链接 https://grapesjs-react-custom-ui-vrkhwc.stackblitz.io描述一下那个虫子 如何复现这个漏洞？启用无限画布至少在画布上添加两个组成部分为其中一个设置最小高度为100vh。 预期的行为是什么？ 画布的高度不应无限增加。 目前的行为是什么？ 画布高度在无限增加。 在这个演示中设置最小高度最直接的方法就是使用检查器。通过GrapesJS进行配置时也会出现同样的错误。行为准则[X] 我同意遵守本项目的行为准则
artf
避免使用无限画布，因为它从未被记录，甚至没有作为长片完成。
ClaudeCode
谢谢你举报，@mauriciolcs2。 关于无限画布在存在最小高度为100vh的元素时，会无限增加其高度，这是个很好的问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => conso...
#56682024年2月6日作者 addlistener2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 版本 121.0.6167.139（官方构建）（x86_64） 可复制演示链接 没有。 描述一下那个虫子 如何复现这个漏洞？添加自定义断点并设置断点点击步出直到进入组件文本视图的逻辑 预期的行为是什么？ 源图加载 目前的行为是什么？ ComponentTextView 的 sourcemap 未加载，但已加载于 RichTextEditorModule <img width=“557” alt=“image” src=“https://github.com/GrapesJS/grapesjs/assets/4531670/7b110b3d-4a19-...
artf
我只能建议你仔细检查源地图路径 <img width=“346” alt=“截图 2024-02-12 08 45 32” src=“https://github.com/GrapesJS/grapesjs/assets/11614725/ee135460-a758-4aef-96fa-1d1b463c934d”> 例如，如果你尝试通过 CDN 加载 Grapesjs，比如像 'https://unpkg.com/grapesjs'（这里发生重定向），因为这种情况下 URL...
ClaudeCode
谢谢你举报，@addlistener。 关于 CompoentTextView 的 {sourcemap 无法加载，这是个很好的问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （）...
#56332024年1月20日作者 kla-ko3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 版本 120.0.6099.225 可复制演示链接 https://jsfiddle.net/wattnu/opmwfvjn/ 描述一下那个虫子 如何复现这个漏洞？打开并拉动小提琴画布上有两个组成部分。一个是“你好世界”的分区，另一个是蓝色背景的分区。“hello world” div 是通过命令 ''editor.select（editor.getComponents（）.models[0]） 选择的;``当选择蓝色框并在画布位置选择删除时，调用“component：remove”处理程序。然而，“hello world” div 并...
artf
谢谢@kla-ko，实际上有一个逻辑会阻止在“组件：移除”事件中选择其他组件，我会在下一个版本修正，但我建议你切换到另一个事件。 “component：remove”事件会针对每个被移除的组件触发，这意味着它会针对你决定移除的组件内嵌套的组件触发。你可以使用“run：core：component-delete”事件，该事件在删除命令完成后只触发一次，目前应该能正常工作，无需修复。
kla-ko
谢谢@artf。这招管用得非常顺利！ /
ClaudeCode
谢谢你举报，@kla子。 关于无法在“component：remove”处理程序中选择组件的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somet...
#56322024年1月20日作者 Harshsne262 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v91 可复制演示链接 https://codepen.io/dhanadsp1120/pen/ExrRvOB 描述一下那个虫子 如何重现这个bug？通过调用 um.stop（） 禁用撤销管理器。对内容进行修改。使用 um.start（） 重新启用撤销管理器。 预期的行为是什么？ 当撤销管理器恢复时，暂停后所做的任何修改应视为一次更改。这确保点击“撤销”会将所有更改恢复到撤销管理器中断前的状态。 目前的行为是什么？ 撤销管理器停止后所做的更改不会在恢复后被包含在内。选择撤销选项后，更改会持续存在，不会如预期回滚。 另外我也尝试过在撤销管...
artf
当撤销管理器恢复时，暂停后所做的任何修改应视为一次更改。这确保点击“撤销”会将所有更改恢复到撤销管理器中断前的状态。 抱歉，这不是UndoManager的启动/停止方式。禁用后，所有更改都会直接跳过UndoStack。 你说的是一个程序化的变更组合，确实很有趣，但目前还不支持，所以我不认为这是个bug。 我建议在[路线图]（https://github.com/GrapesJS/grapesjs/discussions/5291）中提出这个建议，如果更多人需要，我们可以考虑...
ClaudeCode
谢谢你举报，@Harshsne26。 关于在撤销管理器中添加更改的好问题。推荐的UndoManager方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something change...
#56312024年1月19日作者 Harshsne262 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v91 可复制演示链接 -- 描述一下那个虫子 如何复现这个漏洞？ 我想在undomanager堆栈中添加一个更改。 'var components = 编辑器。组成部分; 编辑。UndoManager.add（components.getComponents（）.models）;' 预期的行为是什么？ 使用 um.add（） 添加的更改应该是 ..当我点击撤销和重做时，这个变化也应该会显示出来。 目前的行为是什么？ 该变更不会被添加。行为准则 [X] 我同意遵守本项目的行为准则
artf
@Harshsne26你需要提供一个可复现的漏洞演示
ClaudeCode
谢谢你举报，@Harshsne26。 关于撤销管理器添加（）不按预期工作的好问题。推荐的UndoManager方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something ch...
#56302024年1月18日作者 kla-ko2 个回答
葡萄JS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 版本 120.0.6099.225 可复制演示链接 https://jsfiddle.net/wattnu/y8L6whun/ 描述一下那个虫子 如何复现这个漏洞？Goto jsfiddle运行代码在画布上，选择蓝色的div组件尝试拖动位于底部中央的调节把手调整大小手柄不会随着鼠标移动在 js 代码中，查看顶部的插件实现。看这里，看看这部分：注释 onStart 配置 ---> ''// onStart： （event， opt） => { console.log（'resize started'） } ，'''重新拉小提琴。现在可以调...
ClaudeCode
谢谢你举报，@kla子。 关于配置onStart（）resize回调防止调整大小的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'someth...
#56212024年1月15日作者 ronaldohoch2 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Edge 最后版本可复制演示链接 https://grapesjs.com/demo描述一下那个虫子 如何复现这个漏洞？得到一个空元素增加高价值的双重边界。（20......30像素......）将任意方块移动到其中。![图片]（https://github.com/GrapesJS/grapesjs/assets/2287371/5894b9b2-08c1-46f9-a62f-536e221839d1） 预期的行为是什么？ 占位符应放在元素中心。 目前的行为是什么？ 占位符显示在元素顶部，木板内侧行为准则[X] 我同意遵守本项目的行为准则
ronaldohoch
https://github.com/GrapesJS/grapesjs/pull/5622
ClaudeCode
谢谢你举报，@ronaldohoch。 关于在空元素上显示占位符时，边界未被考虑，这是个很好的问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somet...
#56132024年1月12日作者 SachinPuthiyoth1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 没有 描述一下那个虫子 如何复现这个漏洞？根据 https://github.com/GrapesJS/grapesjs/blob/5c890449a52f526bc480d6dc649ff5e01ec59140/src/stylemanager/index.ts#L310 中扇区的定义，属性类型为https://github.com/GrapesJS/grapesjs/blob/5c890449a52f526bc480d6dc649ff5e01ec59140/src/stylemanager/config/config.ts#L...
ClaudeCode
谢谢你举报，@SachinPuthiyoth。 关于StyleManagerConfig.sectors.properties的类型定义错误，这是个很好的问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.o...