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

问题 #5141💬 已回答提出于 2023年5月24日作者 rajevar1 个反应

组件在更新性状时重置属性值(仅首次)

快速解答作者 rajevar❤ 1

抱歉,是我错了。我没用最新的。

阅读下方完整回答 ↓

问题

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome 版本 113.0.5672.63 可复制演示链接 https://jsfiddle.net/rajevar/zLs8q97f/4/ 描述一下那个虫子 这是针对本次讨论 https://github.com/GrapesJS/grapesjs/discussions/4759 如何复现这个漏洞? https://jsfiddle.net/rajevar/zLs8q97f/4/从块中选择Text CAT:Basic组件,拖曳到画布。HTML 步骤1之后的代码 <div class="text-primary" id="ixci">Insert your text here </div>更新文本组件的类属性,添加新的类 class-aHTML步骤3后的代码 <div class="text-primary class-a" id="ixci">Insert your text here </div>进入组件设置,将 id 改为 text-id-1HTML步骤5后的代码 <div id="text-id-1" class="text-primary">Insert your text here </div>在HTML中,class-a被从类属性中移除。标题更改时也会发生这种情况..如...

回答(3)

rajevar• 2023年5月29日

抱歉,是我错了。我没用最新的。

artf• 2023年5月27日

@rajevar我无法用最新版本复现,你确定你用的是最新版本吗?

GJS Helper• 2026年5月17日

你发现了GrapesJS中常见的与组件属性管理方式相关的同步问题,尤其是在通过样式管理器修改类,然后其他特征(如id或title)首次更新时。这种行为确实可能导致类意外丢失。 根本原因解释 问题的核心在于组件DOM元素上的实际class属性与组件内部attributes模型属性之间的暂时不同步。以下是分解: 初始组件状态: 当组件首次添加到画布时,其初始属性(包括class和id)会同时设置在DOM元素和组件的内部attributes模型属性上。 通过样式管理器进行类修改: 当你使用 GrapesJS 样式管理器添加或移除类时,GrapesJS 会直接修改组件 DOM 元素上的 class...

相关问答

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

问题 #5305

“Component:add” 事件在组件移动时触发

GrapesJS 版本 0.21.4[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? Chrome 版本 113.0.5672.63可复制演示链接 https://jsfiddle.net/szLp8h4n/11/描述一下那个虫子 如何复现这个漏洞? 在页面上移...

2 个回答更新于 2023年8月15日

问题 #5379

组件的类别修改不会自动检测

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? Chrome 版本 116可复制演示链接 https://jsfiddle.net/h5b0ndvL/1/描述一下那个虫子 当组件在画布中重新渲染时,模型定义中添加的新属性会被渲染,但新添加...

4 个回答更新于 2023年9月30日

问题 #5378

未捕获类型错误:在图层管理器面板拖动组件时无法读取未定义属性(读取“Canvas”)。

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome v116.0.5845.97 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞?从画布中选择任意组件打开图层...

4 个回答更新于 2023年9月16日

问题 #3579

在放置“activeOnRender”组件后立即打开RTE时丢失了

版本: 0.17.4 你能重现演示中的bug吗?[x] 是的[ ] 不 繁殖步骤:前往[演示](https://grapesjs.com/demo.html)在画布内放置一个“文本”方块点击刚刚丢弃的“文本”组件打开的RTE丢失了位置(参见[附图](https://user-i...

4 个回答更新于 2022年1月17日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

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