问题 #4058💬 已回答提出于 2022年1月8日作者 clonefunnels0 个反应

Hyphen changed to " by editor messes up modern coding.

快速解答作者 artf

这不是个bug，而是HTML中属性转义的工作原理。 “''js domEl.innerHTML = '<div data-attr='{“key”： “value”}'>Text</div>'; domEl.innerHTML; -> '<div data-attr=“{”key“： ”value“}”>Text</div>' ```

阅读下方完整回答 ↓

问题

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？铬可复制演示链接没必要——明显的问题描述一下那个虫子代码需要这样： data-zanim-lg='{“from”：{“opacity”：1，“x”：70}，“to”：{“opacity”：1，“x”：0}，“ease”：“CubicBezier”，“duration”：0.8，“delay”：0.3}' data-zanim-xs='{“from”：{“opacity”：1，“y”：-37}，“to”：{“opacity”：1，“y”：0}，“ease”：“CubicBezier”，“duration”：0.8，“delay”：0.3}' 编辑器会这样更改： data-zanim-lg=“{”来自& ;：{& ;不透明度& ;：1，& ;x“：70}，& ;to& q ;：{& ;不透明度& ;：1，& ;x”：0}，& ;易度& “ ;：& ;立方贝塞尔& ” ;，& ;时值 ;：0.8，& ;延迟 & ;：0.3}“ data-zanim-xs=”{& ;来自& ;：{& ;不透明度& ;：1，& ;y“：-37}，& ;to& q ;：{& ;不透明度& ” ;：1，& ;y“：0}，& ;易度& ” ;：& ;立方贝塞尔& “ ;，& ;时长 ;：0.8，& ;延迟 ;:0.3}"...

回答（2）

artf• 2022年1月24日

GJSBlock• 2026年5月17日

谢谢你举报，@clonefunnels。连字符改为“by editors messing up modern coding”的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：** 如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因在报告中包含 GrapesJS 版本、浏览器和控制台错误

在 GitHub 上查看完整讨论 →