#55302023年11月25日作者 Harshsne261 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v91 可复制演示链接 https://codepen.io/dhanadsp1120/pen/ExrRvOB 描述一下那个虫子 如何复现这个漏洞？通过调用 um.stop（） 禁用撤销管理器。对内容进行修改。使用 um.start（） 重新启用撤销管理器。 预期的行为是什么？ 按下Ctrl+Z后，系统应恢复到停止撤销管理器前的状态，只显示重新启用后所做的更改。 目前的行为是什么？ 按Ctrl+Z会跳转到前一步，表示所有更改都在跟踪，尽管撤销管理器暂时停止。 ![撤销管理器]（https://github.com/GrapesJS/gr...
ClaudeCode
谢谢你举报，@Harshsne26。 关于*撤销管理器开始和停止功能没有如预期的好问题。推荐的UndoManager方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something...
#55232023年11月18日作者 lexoyo2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？选择舞台上的组件用 CTRL+c 复制组件选择实体（取消选择组件）用CTRL+V粘贴 预期的行为是什么？ 在正文末尾粘贴当前页面 目前的行为是什么？ 由于以下条件，它什么都不做： https://github.com/GrapesJS/grapesjs/blob/8025b95a645907574389e950f32950190ceb602c/src/commands/view/PasteComponent.ts#L14行...
lexoyo
注意，这个bug导致无法将元素复制粘贴到空白页面
ClaudeCode
谢谢你举报，@lexoyo。 关于在没有选择时粘贴的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 edi...
#55032023年11月6日作者 MaxwellTheSecond3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 没有 描述一下那个虫子 Component.ts 的 replaceWith 方法没有字符串类型。 预期的行为是什么？ 我应该可以用字符串替换组件，比如示例中的“component.replaceWith（<div>'Some new content</div>'）;” 目前的行为是什么？ ![葡萄问题]（https://github.com/GrapesJS/grapesjs/assets/81811949/67837b49-a81f-4c07-a8b1-9d5481f457a1）行为准则 [X] 我同意遵守本项目的行为准则
artf
合并 https://github.com/GrapesJS/grapesjs/pull/5504
ClaudeCode
谢谢你举报，@MaxwellTheSecond。 replaceWith 方法没有字符串类型的问题似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——...
#55012023年11月5日作者 eko3alpha1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome/Safai/Firefox 可复制演示链接 https://grapesjs.com/docs/getting-started.html#layers 描述一下那个虫子 如何复现这个bug？ 请前往 [此链接]（https://grapesjs.com/docs/getting-started.html#layers）的 GrapesJS 入门文档。 尝试通过拖动图层面板的左边来调整它的大小。 注意面板的漂移行为。 预期的行为是什么？ 调整图层面板大小时，宽度应该能平滑地调整，不会左右偏移。面板的右边应保持固定，只有宽度发生变化。 目前...
ClaudeCode
谢谢你举报，@eko3alpha。 关于“入门演示”面板调整尺寸问题的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something ch...
#54972023年11月3日作者 pittleCheung1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 最新版本的Chrome浏览器 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？我的图片链接 https://topkeeoss.cdn.weberss.com/602907992031105024-public/Beige%20and%20Black%20Spacious%20Office%20Workspace%20Instagram%20Post%20（600%20x%20900%20%E5%83%8F%E7%B4%A0）%20（600%20x%20800%20%E5%83%8F%...
ClaudeCode
谢谢你举报，@pittleCheung。 关于添加背景图片失败的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'）...
#54872023年10月28日作者 MaxDBenson3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 可复制演示链接 https://jsfiddle.net/497zkrpm/1/ 描述一下那个虫子 如何复现这个漏洞？选择“Hello World”组件打开样式管理器，确保在类部分勾选了“myclass”检查“高度”和“背景颜色”属性的值 预期的行为是什么？ 样式管理器应反映与所选类相关的所有规则（此处为'.myclass {height： 100px}'和'.myclass {background-color： green}' 目前的行为是什么？ 样式管理器只反映与所选类相关的第一个规则（此处为：'.myclass {height：...
artf
这不是bug，样式管理器一次只处理一条规则，如果你想要更高级的使用，可以用API实现功能（比如用同一选择器选择不同规则）。
MaxDBenson
这不是个bug，样式管理器一次只处理一条规则，如果你想要更高级的使用，可以用API实现你的功能（比如用同一个选择器选择不同规则）。 我明白了。 你介意详细说说该怎么做吗？ 而且，风格管理器似乎一次只处理一条规则;因为当我选择类时，我会看到属性/值设置被应用到ID上，反之亦然。
ClaudeCode
谢谢你举报，@MaxDBenson。 关于风格管理器不会显示同一类的多个规则，这是个很好的问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'s...
#54842023年10月26日作者 pittleCheung2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 最新版本的Chrome浏览器 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 https://github.com/GrapesJS/components-tabs 问题一 <img width=“1421” alt=“image” src=“https://github.com/GrapesJS/grapesjs/assets/114127651/a3afe6c7-d644-40f0-97e5-cc3e3c595939”> 点击标签克隆，标签四是被克隆的，请看下面的图片 <img width=“142...
artf
请只针对核心库相关的漏洞问题，而不是插件。
ClaudeCode
谢谢你举报，@pittleCheung。 clone 标签页和 clone tab 目前没有出现的问题似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）...
#54782023年10月21日作者 bryanjamesmiller2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 版本 118.0.5993.88（官方构建）（arm64） 描述一下那个虫子 如何复现这个漏洞？ 视频演示第一部分： https://github.com/GrapesJS/grapesjs/assets/8781182/bfbbf6ea-7780-417e-880b-61992897c740 第二部分： https://github.com/GrapesJS/grapesjs/assets/8781182/c61fa3b5-c62a-459d-bdf2-d8dc106e310b 第三部分： https://github.com/...
artf
感谢@bryanjamesmiller所有的见解，我会去调查解决办法。
ClaudeCode
谢谢你举报，@bryanjamesmiller。 关于自定义块类别不能像原型对象方法名称那样命名，否则会破坏Grapes，这是个很好的问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） =...
#54572023年10月11日作者 boardmain4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 117.0 可复制演示链接 本地主持 描述一下那个虫子 Grapesjs“： ”^0.21.7“， editor.loadProjectData（{ “资产”： []， “风格”： []， “pages”： [{ “组件”： “<div>TEST TEST TEST TEST</div>” }] }) 编辑冻结 行为准则 [X] 我同意遵守本项目的行为准则
antoinematyja
你好，我在使用 Vue 3 并用 Vue 'ref' 存储编辑器时也遇到了同样的问题。不过我不确定这是不是个好主意。 代码复制品大致如下： 解决办法：不要用“ref” 😅
artf
你能提供一个可复现的演示吗？试了你的例子，我没看到冻结......
boardmain
尝试使用最新版本21.7 我试着把它放到网上，但我只是用自定义命令粘贴了 HTML，粘贴了源代码，但之后编辑器卡住了（我需要关闭页面）。 例如： ~~~ btnImp.onclick = （） => { editor.runCommand（'core：canvas-clear'） 编辑。css.clear（） editor.setComponents（codeViewer.getContent（）.trim（）） 编辑。Modal.close（） } ~~~ 其中 code...
#54322023年9月29日作者 mahmudz1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 117.0.5938.132 可复制演示链接 https://jsfiddle.net/bx8rtseh/2/ 描述一下那个虫子 如何复现这个漏洞？设置远程商店管理器加载一些带有tailwindCSS类的html 样本 '''html <div class=“P-12 MD：W-1/2 flex flex-col items-start”> 你好 </div> 目前的行为是什么？ 意外更改了职业名称 '''html <div class=“P-12 MD：W-1-2 flex flex-col items-start”> 你好 </di...
ClaudeCode
谢谢你举报，@mahmudz。 关于TailwindCSS响应式md：w-2/3类被转换为md：w-2-3的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => cons...