PageKit — der selbst gehostete GrapesJS-Website-Builder, als Quellcode. Early Access sichern

Sidebar Tools
2-Bilder
NNeu

Sidebar Tools

Kostenlos
GrapesJS:0.19.x0.20.x0.21.x0.22.x0.23.x

Was enthalten ist

  • Kostenlos heruntergeladen und nutzbar
  • Offen für den privaten und gewerblichen Gebrauch
Neu

Unterstützt den Schöpfer

Nutzen Sie einmalige oder monatliche Unterstützung, um dem Ersteller für dieses kostenlose Produkt zu danken.

GrapesJS-kompatibel

Getestet mit GrapesJS 0.19.x, 0.20.x, 0.21.x, 0.22.x, 0.23.x

Kostenloser Download

Laden Sie kostenlos herunter und nutzen Sie sie in Ihren Projekten

Editor-kompatibel

Entworfen für den Open-Source-Editor GrapesJS

Kostenlos zu verwenden

Offen für private und kommerzielle Projekte

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`.

Bewertungen:

Noch keine Bewertungen. Sei der Erste, der deine Erfahrung teilt.


Teilen Sie diesen Artikel:
Letztes Update:2. Oktober 2026
Veröffentlicht:1. Oktober 2026
Versionen:
0.19.x0.20.x0.21.x0.22.x0.23.x

Fragen & Antworten

Noch keine Fragen. Hast du etwas zu fragen?

Häufige Probleme, bei denen dieses Plugin helfen kann, zu beheben

Echte Community-Fragen zum gleichen Thema – sehen Sie, wie andere damit umgegangen sind.

Alle Probleme →