Durchsuchen Sie nach Kategorie
GrapesJS Schichten
GrapesJS-Layer-Manager-Plugins erweitern das Ebenen-Panel um zusätzliche Steuerungen, Gruppierungsfunktionen und Werkzeuge zur visuellen Hierarchie. Über das Ebenen-Panel navigieren und selektieren Nutzer verschachtelte Komponenten — diese Erweiterungen machen es schneller, intuitiver und leistungsfähiger. Stöbere in kostenlosen und Premium-Layer-Manager-Plugins für GrapesJS, jeweils mit Installationsanleitung und Angaben zur Versionskompatibilität.
Über GrapesJS Schichten
Das GrapesJS-Ebenen-Panel zeigt den Dokumentbaum aller Komponenten auf der Arbeitsfläche — eine hierarchische Ansicht, in der Nutzer Elemente auswählen, umbenennen, ein- oder ausblenden und neu anordnen können. Standardmäßig ist das Panel minimal gehalten: Es zeigt Komponentennamen, einen Sichtbarkeitsschalter und Ziehpunkte. Die Layer-Manager-Plugins auf GJS.Market ergänzen Funktionen, die das Panel für komplexe, tief verschachtelte Seitenstrukturen deutlich nützlicher machen. Zu den häufigsten Ergänzungen zählen farbcodierte Typkennzeichnungen, mit denen sich Blöcke, Komponenten und Textknoten sofort unterscheiden lassen; Sperr-Steuerungen, die versehentliche Änderungen an fertigen Abschnitten verhindern; Mehrfachauswahl per Shift-Klick; Ebenensuche nach Komponentenname oder Selektor; sowie einklappbare Gruppenüberschriften, mit denen Nutzer gerade nicht bearbeitete Teile des Baums ausblenden. Manche Layer-Manager-Plugins synchronisieren sich zusätzlich mit der Auswahl auf der Arbeitsfläche — ein Klick auf eine Ebene scrollt die Arbeitsfläche sanft zur Komponente und öffnet deren Style-Panel. Alle Layer-Manager-Plugins auf GJS.Market sind mit dem nativen Komponentenmodell von GrapesJS kompatibel und erfordern keine Änderungen an deinen bestehenden Block- oder Komponentendefinitionen.
GrapesJS Schichten — FAQ
- Was ist das GrapesJS-Ebenen-Panel?
- Es ist die Baumansicht aller Komponenten auf der Arbeitsfläche und bildet das Komponentenmodell ab, nicht das gerenderte DOM. Nutzer wählen, benennen, sortieren und blenden Elemente darüber ein und aus. Bei tief verschachtelten Seiten ist es oft der einzige praktikable Weg, eine Komponente zu erreichen, die hinter oder in einer anderen liegt.
- Wie benenne ich eine Ebene in GrapesJS um?
- Doppelklicke im Panel auf den Ebenennamen und tippe. Der Wert wird als benutzerdefinierter Name an der Komponente gespeichert und wirkt nur im Editor — dein exportiertes HTML bleibt unverändert. Per Code geht es mit component.set('custom-name', 'Hero'); genau so geben Blockbibliotheken ihren Abschnitten lesbare Beschriftungen.
- Kann ich Komponenten aus dem Ebenen-Panel ausblenden oder sperren?
- Ausblenden ist eingebaut — der Augen-Schalter setzt display:none auf die Komponente und wirkt sich damit auch auf den Export aus. Sperren gehört nicht zum Standard-Panel; Plugins dieser Kategorie ergänzen eine Sperre, die fertige Abschnitte auf der Arbeitsfläche unauswählbar macht — die übliche Lösung, wenn Nutzer versehentlich einen Header auseinanderziehen.
- Warum erscheint eine Komponente nicht im Ebenen-Panel?
- Meist weil ihr Typ layerable auf false setzt — so bleiben Wrapper und Hilfselemente aus dem Baum heraus. Auch Textknoten-Kinder sind bewusst ausgeblendet. Fehlt eine deiner eigenen Komponenten, prüfe die Flags layerable, selectable und hoverable in ihrer Komponententyp-Definition.
- Kann das Ebenen-Panel Komponenten durchsuchen oder filtern?
- Standardmäßig nicht — das eingebaute Panel hat kein Suchfeld. Plugins dieser Kategorie ergänzen die Suche nach Komponentenname oder CSS-Selektor, einklappbare Gruppenüberschriften und farbcodierte Typkennzeichnungen. Genau das hält das Panel benutzbar, sobald eine Seite auf Hunderte Knoten wächst. Sie setzen auf dem nativen Komponentenmodell auf, Änderungen an bestehenden Blöcken sind nicht nötig.