无法扩展之前空过的图层

Question

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome v120.0.6099.199 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？将第1列方块拖到画布上将任何其他块拖入单元格，例如文本选择单元打开图层面板 预期的行为是什么？ 我们应该能够展开单元格，并通过图层选择单元格内的元素 <img width=“1438” alt=“截图 2024-01-10 下午5 42 36” src=“https://github.com/GrapesJS/grapesjs/assets/48953676/043150f3-9c71-4886-b923-7b8091b0968f”> 目前的行为是什么？ 由于卡槽不可见，我们无法扩展单元格以访问内部的任何元素。 <img width=“1436” alt=“截图 2024-01-10 5 39 51 PM 1” src=“https://github.com/GrapesJS/grapesjs/assets/48953676/b86a8...

artf · Accepted Answer

说得好，我会修好的

GJS Helper · Answer

这是GrapesJS中已知的一个漏洞，与图层面板（特别是Layer视图）对组件子集合变化的反应有关。问题出现在组件（如列或单元格）最初是空的，然后内容被拖入时。图层面板未能更新父组件的图层以显示展开/折叠的插入点，阻止访问其嵌套元素。 根本原因 GrapesJS中的Layer视图负责渲染图层面板中的每个项目，会监听其关联组件模型上的change:open和change:components事件，以决定是否渲染展开/折叠的插入点。然而，在Backbone.js（GrapesJS使用的）中，只有当对集合本身的引用发生变化时，集合属性（如components）的change:attribute事件才会触发，而不会在添加或移除元素时触发。 当你将新块拖入最初为空的列时，列组件的components集合会被修改（新增一个子节点）。但由于集合对象本身仍是同一引用，change:components事件不会自动触发在父组件模型上。因此，该列的Layer视图不会收到重新评估其isExpandable状态的通知，因此插入符号不会被渲染。 变通/修复 解决方案是每当添加新子组件时，手动触发父组件的cha...

无法扩展之前空过的图层

问题

回答（2）

相关问答

层管理器中方块的跨层重排会导致分拣器错误并中断后续的移动尝试

在 grapesjs 画布内可以拖拽任何东西

IMG SRCset 404 导致无限请求循环

Image src won't change in exported HTML

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

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

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

浏览插件分类