按分类浏览
GrapesJS 层次
GrapesJS 图层管理器插件为图层面板增添更多控件、分组功能与层级可视化工具。图层面板是用户浏览和选中嵌套组件的入口——这些扩展让它更快、更直观、更强大。浏览免费与付费的 GrapesJS 图层管理器插件，每个都附带安装指南与版本兼容性说明。
关于 GrapesJS 层次
GrapesJS 图层面板展示画布上所有组件构成的文档树——一个层级视图，用户可在其中选中、重命名、显示或隐藏以及重新排序元素。默认的图层面板很精简：只显示组件名称、可见性开关和拖拽手柄。GJS.Market 上的 GrapesJS 图层管理器插件为其补充功能，使它在复杂、深度嵌套的页面结构中更加实用。最常见的增强包括：用颜色区分组件类型的标识，让用户一眼分辨区块、组件与文本节点；组件锁定控件，避免误改已完成的版块；配合 Shift 点击的批量选择；按组件名称或选择器搜索图层；以及可折叠的分组标题，让用户收起当前不处理的树枝。部分图层管理器插件还会与画布选择联动——在面板中点击某个图层，画布会平滑滚动到该组件并打开其样式面板。GJS.Market 上所有图层管理器插件都兼容 GrapesJS 原生组件模型，无需改动你现有的区块或组件定义。
GrapesJS 层次 — 常见问题
- 什么是 GrapesJS 图层面板？
- 它是画布上全部组件的树状视图，映射的是组件模型而非渲染后的 DOM。用户可在其中选中、重命名、重排以及显示或隐藏元素。在深度嵌套的页面里，它往往是触达被遮挡或嵌在内部的组件的唯一可行方式。
- 如何在 GrapesJS 中重命名图层？
- 在面板中双击图层名称并输入即可。该值以自定义名称的形式存储在组件上，只影响编辑器——导出的 HTML 不受影响。你也可以用代码设置：component.set('custom-name', 'Hero')，区块库正是这样为自己的版块提供可读标签的。
- 可以从图层面板隐藏或锁定组件吗？
- 隐藏是内置能力——眼睛图标会把组件样式设为 display:none，因此也会影响导出结果。锁定不属于默认面板；本分类的插件提供锁定控件，让已完成的版块在画布上无法被选中，这通常正是解决用户误拖散页头问题的办法。
- 为什么某个组件不出现在图层面板中？
- 最常见的原因是它的类型把 layerable 设为了 false——包裹层和辅助元素正是靠这一点不进入树中。文本节点子元素也是按设计隐藏的。如果缺失的是你自己的组件，请检查其组件类型定义中的 layerable、selectable 与 hoverable 标志。
- 图层面板能搜索或筛选组件吗？
- 默认不能——内置面板没有搜索框。本分类的插件加入了按组件名称或 CSS 选择器搜索、可折叠分组标题以及按类型着色的标识，这正是页面达到数百个节点后面板依然可用的关键。它们基于原生组件模型构建，无需改动你现有的区块。