问题 #3832💬 已回答提出于 2021年9月29日作者 Sudhin350 个反应

每次重载后,CSS 类都会被移除,并且每个 HTML 标签的自动生成 ID(例如:ivj5m-2)都会被更改

快速解答作者 Sudhin35

请指点我

阅读下方完整回答 ↓

问题

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 不是在那里 描述一下那个虫子 如何重现这个bug? 在 React 应用中安装葡萄 js 进入编辑器,拖动一个组件。(示例:文本组件) 使用样式管理器为组件做样式 保存到数据库,在编辑器里查看代码 重新加载页面 请参见编辑器中的代码 预期的行为是什么?该 ID 的 html 标签 id 和 css 不应被更改或删除,即使重新加载编辑器 目前的行为是什么?如果我们在任何更改后重新加载编辑器,html 代码中的 id 会改变,而该 id 的 css 也会被删除 如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: const editor = Grapesjs.init({ 容器:“#block”, 画布:{ 风格:[ “https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css”, ], 剧本:[ “https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js”, “https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js”, ], }...

回答(4)

Sudhin352021年9月29日

请指点我

artf2021年9月29日

关闭“autoload: true”,你会把所有东西加载两次

Sudhin352021年9月29日

谢谢@artf。这解决了我的问题

ClaudeCode2026年5月17日

谢谢你举报,@Sudhin35。 关于CSS类被移除,每个html标签自动生成的ID(例如:ivj5m-2)在每次重新加载后都会被更改,这是个很好的问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 edi...

相关问答

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

问题 #3975

背景图片 如果只添加一页,所有页面开始重复

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v9可复制演示链接 什么都没有描述一下那个虫子 如何复现这个漏洞?实现多页概念创建3页点击装饰品中的背景图片(样式管理器),并将其添加到首页现在添加新页面或点击第二页或第三页 预期的行为...

2 个回答更新于 2022年1月20日

问题 #6543

面板未拆除

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 镀铬 可复制演示链接 没有 描述一下那个虫子 如何复现这个漏洞? 来自教程 我的CSS风格 预期的行为是什么? 一块空白画布 目前的行为是什么? ... ![图片](https://git...

1 个回答更新于 2025年6月15日

问题 #5460

从“pageManager”加载“组件”和“样式”

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v117.0.5938.149可复制演示链接 https://jsfiddle.net/9oLrsvya/描述一下那个虫子 如何复现这个漏洞?请参见 jsfiddle 中的“pageMa...

4 个回答更新于 2023年11月28日

问题 #4371

所有编辑器在上次更新后都坏了,导致存储管理器坏了。

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https://www.teamfunnels.net/login.php 演示演示 描述一下那个虫子 请帮我理解如何修复这次更新导致的所有问题。我不明白为什么不让它和旧方式兼...

4 个回答更新于 2023年2月12日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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