# Playground — Manual > Vollständige Funktionsbeschreibung des Playgrounds: die drei Editoren, Live-Vorschau, optionale Assets, Snippets, Export/Import sowie Architektur und Grenzen. Source: https://www.jpkc.com/db/tools/playground/manual/ Zurück zur Übersicht: [Playground](https://www.jpkc.com/db/tools/playground/) · Tool live öffnen: [www.jpkc.com/tools/playground/](https://www.jpkc.com/tools/playground/) Dieses Manual beschreibt den **Playground** vollständig: jeden Editor, jede Schaltfläche der Werkzeugleiste, die Optionen der Vorschau, die Persistenz und die Grenzen der Sandbox. Die Oberfläche des Tools ist auf Englisch — die Button- und Label-Bezeichnungen werden hier deshalb in ihrer englischen Original-Schreibweise genannt (mit deutscher Erläuterung), damit du dich im echten Interface zurechtfindest. ## Aufbau der Oberfläche Die Oberfläche besteht von oben nach unten aus vier Teilen: 1. **Werkzeugleiste** (`pg-toolbar`) — Run/Live, Snippets, Export/Import, Asset-Auswahl, Panel-Umschalter und Vollbild. 2. **Editor-Reihe** — die drei Code-Panels HTML, CSS/SCSS und JavaScript nebeneinander. 3. **Trenner** (`pg-resizer`) — eine ziehbare Leiste, mit der du das Höhenverhältnis zwischen Editor-Reihe und Vorschau verschiebst. 4. **Vorschau** (`pg-preview`) — das gerenderte Ergebnis im `