PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #2742💬 已回答提出于 2020年4月28日作者 ghost1 个反应

如何防止唯一ID的生成?

快速解答作者 pouyamiralayi❤ 1

你好,@nikita-balakirev,看看[#2706评论](https://github.com/artf/grapesjs/issues/2706#issuecomment-610902152)能不能帮你。 干杯!

阅读下方完整回答 ↓

问题

嗨!感谢你的工作@artf。 这是我使用Grapesjs的简化代码,我想保存样式,然后再应用它们。问题是 DOM 的 id 在第一次调用 'container.components()' 后就已经更改了,所以样式不会被应用。 如何预防这种行为?我应该清除或重置哪些内容?

回答(3)

ghost• 2020年4月28日

我现在用'编辑器'修复了这个问题。DomComponents.componentsById = {};' 但我认为它有时会导致方块之间的碰撞 你怎么看?

artf• 2020年5月4日

抱歉,@nikita-balakirev 没有完整可复现的例子帮不上忙。 当你导出组件为JSON时,所有ID都会被保留并重新使用,如果加载正确,所以你肯定在存储/加载数据方面做错了。 显然你不应该阻止唯一ID的生成(或者像你那样做),否则会破坏很多东西

相关问答

通过相似的问题讨论继续研究。

问题 #6409

Cannot drag to move components on mobile

GrapesJS版本 [x] 我确认使用最新版本GrapesJS 你用的是什么浏览器? Chrome v133 可复制演示链接 https://jsfiddle.net/2hjdrb7L/1/ 描述一下那个虫子 如何复现这个漏洞? 使用grapesjs v0.22.x 初始化一...

4 个回答更新于 2025年6月23日

问题 #4572

Page update event doesn't fire

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 镀铬 可复制演示链接 https://jsfiddle.net/1hza4t9n/ 描述一下那个虫子 如何复现这个漏洞?初始化 grapes创建事件处理程序,用于页面更新时使用。更新页面...

4 个回答更新于 2025年3月6日

问题 #4601

在切换某些目标时,添加到样式管理器的自定义类型 update() 不再被触发。

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 铬104 可复制演示链接 https://jsfiddle.net/aw8p0h9j/ 描述一下那个虫子 如何复现这个漏洞?打开 jsfiddle 链接。点击两个div之间,然后在任一d...

4 个回答更新于 2022年9月25日

问题 #4481

V0.19.5 Breaks headless editor.setComponents() (with Map/Video block)

GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器? Chrome 102.0.5005.115(官方版本)(64位) 可复制演示链接 描述一下那个虫子 这是#4473的延伸 在无头环境中通过editor.setComponents()添加地图...

2 个回答更新于 2022年7月28日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。