Undo Manager creates Duplicate CSS during custom command

Question

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ 103.0.5060.66（官方构建）（64位）（同级：稳定版） 可复制演示链接 https://codesandbox.io/s/cranky-morning-fh5diz?file=/index.js 描述一下那个虫子 如何复现这个漏洞？将自定义块“图片”放入画面并调整大小。查看标记预览，你会看到CSS中有两个带有重复标记的ID（图片ID和img ID）“撤销”直到再次调整大小查看标记预览，现在 CSS 标记的 ID 与图片元素重复，阻止了进一步的样式 预期的行为是什么？ picture 元素依赖于 img 标签的CSS样式来正确显示维度。在探索过程中，我创建了一个命令 sync-styles ，可以将父标签上定义的任何样式复制到子节点（如果存在属性则待处理）。预期的行为是样式会完全同步，即使调用了撤销管理器 目前的行为是什么？ 命令 sync-styles 正常工作，直到启用撤销管理器。我不确定具体是哪一部分导致了断开，但目前 img id 的样式已经消失， picture ID 有两种...

artf · Accepted Answer

我不太确定具体发生了什么，但我建议切换到“styleable：change”事件，并将其选项传递给“setStyle”，比如说， “''js Editor.ON（“styleable：change”， （model， prop， opts） => { let component = editor.getSelected（）; 如果（分量？.attributes.styleShared） { let child = component.attributes.components.models.filter（ （m） => m.attributes.tagName === component.attributes.styleShared )[0]; 令 styles = component.getStyle（）; child.setStyle（styles， opts）; } }); ```

Undo Manager creates Duplicate CSS during custom command

问题

回答（2）

相关问答

Flex Property not working in style manager

Unexpected behavior in style manager

Running in headless mode requires window

Style：property：update 和 Property onChange 都被过度触发

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

如何在2026年用 GrapesJS 构建AI驱动的页面构建器

2026年构建一个SaaS页面构建器需要多少钱？

浏览插件分类