2 张图片
N新品
Sidebar Tools
免费
GrapesJS：0.19.x0.20.x0.21.x0.22.x0.23.x
包含内容
- 免费下载使用
- 支持个人与商业使用
新品
支持创作者
通过一次性或每月赞助，感谢创作者发布这款免费产品。
兼容 GrapesJS
已在 GrapesJS 0.19.x, 0.20.x, 0.21.x, 0.22.x, 0.23.x 上测试
免费下载
免费下载并用于您的项目
编辑器兼容
专为 GrapesJS 开源编辑器设计
可免费使用
可用于个人和商业项目
GrapesJS plugin that turns the **Layers** panel into a split sidebar:
- **top** — the layer tree (unchanged)
- **bottom** — tabs **Style Manager** / **Component Settings**, shown only while the Layers tab is open **and** a component is selected
- a **drag handle** between the two halves (double-click resets it to 50/50)
The real Style Manager / Trait Manager DOM is **moved** into the bottom half while the Layers tab is open and moved back when you leave it — it is never re-rendered, so the managers' own top tabs keep working as before.
The plugin also remembers in `localStorage`:
- which Style Manager sectors are open,
- the active bottom tab and the height split,
- the active **global** tab (Styles / Settings / Layers / Blocks), re-opened after a reload.
Works with the default GrapesJS panels (e.g. `grapesjs-preset-webpage`) and with custom layouts that use `layerManager.appendTo`.
评分：
暂无评价，成为第一个分享体验的人。
分享此产品：
最后更新：2026年10月2日
发布时间：2026年10月1日
版本：
0.19.x0.20.x0.21.x0.22.x0.23.x
问答
暂无问题，有什么想问的？
此插件可帮助解决的常见问题
社区中关于同一主题的真实问题——看看其他人是如何解决的。