Overlay Pro Editor vs Builder
Wichtige Korrektur: Builder und Pro Editor sind heute keine zwei getrennten Produkte mit "Import/Export" dazwischen, sondern zwei UIs auf derselben Overlay-Datenzeile. Jedes Overlay hat eine ID, einen Token und ein Layout - Builder und Pro Editor lesen/schreiben dasselbe Layout, nur mit unterschiedlicher Bearbeitungstiefe. Es gibt keinen "Aus Builder importieren"-Button und keinen Downgrade-Mechanismus mehr zu pflegen - du wechselst einfach die UI für dasselbe Overlay.
Korrektur 2 (Code-Check 2026-07-08): Ein "Wechsel der UI für dasselbe Overlay" findet in der Praxis nicht statt, weil es aktuell nur noch eine UI gibt. Die Route /dashboard/overlay-builder wurde in am 2026-06-11 als "RETIRED" markiert und mountet keine Builder-Oberfläche mehr, sondern nur einen Redirect-Stub () zu /dashboard/overlays. Die folgende Vergleichstabelle beschreibt technisch vorhandenen, aber für Nutzer nicht mehr erreichbaren Code ().
Direkter Vergleich
| Feature | Builder (Legacy/Schnellstart) | Pro Editor (Standard, /dashboard/overlays) |
|---|---|---|
| Editor-Stack | SvelteKit-Komponente im Dashboard | PHP-Ausgabe + eigener Canvas-JS-Editor (/overlay/editor.php) |
| Positionierung | Preset-Quadranten + Slider | pixelgenau: Drag, Resize-Handles, direkte x/y/width/height-Felder |
| Elemente | gleiche Registry, ~25 Typen (weniger kuratiert dargestellt) | volle Palette, ~25 Typen inkl. Alert-Element (Editor) |
| Z-Order | automatisch | manuell, Layer-Liste + Tastenkürzel [ / ] |
| Mehrfach-Auswahl | nein | ja, Shift-Multi-Select |
| Mehrere Szenen | nein, ein Layout pro Overlay | ja, Szenen-Selector, geteilte URL/Token, Umschalten per &scene=-Parameter |
| Versionierung | letzte gespeicherte Version | volle Versionshistorie mit Rollback (chatlix_overlay_versions, "Versionen"-Button) |
| Tastenkürzel | nein | ja (Layer-Order, Undo/Redo) |
| Custom-CSS pro Element | nein | aktuell ebenfalls nein - falls du das aus älterer Doku kennst: das Feature existiert nicht (mehr). |
| Element-Limit | gemeinsam mit Pro Editor: 20/50/100/150 je Tarif | gemeinsam mit Builder |
| Templates | Layout-Packs (12 Themen, Presets-Dialog) | eigene Szenen anlegen, keine getrennte Template-Library |
| Lernkurve | ~5 Minuten | ~20-30 Minuten |
Wann der (Legacy-)Builder reicht
- Du hast ein altes, im Builder gepflegtes Overlay und willst nur eine Kleinigkeit ändern.
- Du willst ein Layout per AI-Builder (
/dashboard/ai-builder, Pro-Tarif) generieren lassen - der nutzt intern dieselbe schlanke Darstellung. - Deine Anforderungen passen locker in ein einfaches Layout mit wenigen Elementen und du willst nicht mit Z-Order/Layern hantieren.
Wann du den Pro Editor brauchst
- Neue Overlays anlegen - das ist heute ohnehin der Standardweg über
+ Neues Overlayim Menü « Pro Editor ». - Mehrere Szenen, die sauber gepflegt werden sollen (Starting Soon, Gameplay, BRB, Stream Ending - alle in einem Overlay, per
&scene=-Parameter in OBS umschaltbar). - Du willst Elemente exakt platzieren, mit Multi-Select mehrere gleichzeitig verschieben, oder Z-Order-Konflikte lösen (z. B. Cam-Rahmen darf nicht das Game-HUD überdecken).
- Du brauchst Widgets, die im schlanken Builder unpraktisch zu konfigurieren sind: Poll, Leaderboard, Ziel (Pro-Editor) mit Custom-Reset, Gaming Queue, Call-in Show.
- Versionierung: du willst Änderungen testen können, ohne das produktive Layout zu riskieren - Rollback über die Versionshistorie.
Umstieg: kein Import nötig
Weil Builder und Pro Editor auf derselben Overlay-Zeile arbeiten, "wechselst" du nicht wirklich - du öffnest dasselbe Overlay einmal in der einen, einmal in der anderen UI:
- Auf der Übersichtsseite « Meine Overlays » (
/dashboard/overlay-library) hat jede Overlay-Karte einen Link✎ Bearbeiten, der direkt/overlay/editor.php?id=<id>in einem neuen Tab öffnet (Korrektur: nicht "✨ Im Pro Editor öffnen" wie zuvor hier behauptet - laut Quelltext von lautet Label und Icon anders). - Elemente, die im Builder angelegt wurden, erscheinen 1:1 im Pro Editor, mit in Pixel umgerechneten Positionen (aus den Preset-Quadranten wird eine konkrete x/y-Koordinate).
- Es gibt keinen Rückweg-Automatismus in dem Sinne, dass Pro-Editor-Only-Features (mehrere Szenen, Layer-Reorder) "zurückgebaut" würden - sie werden im Builder einfach nicht editierbar dargestellt. Praktisch bedeutet das: sobald du im Pro Editor mehrere Szenen oder tiefe Z-Order-Anpassungen genutzt hast, bearbeite das Overlay danach nur noch im Pro Editor.
Token bleibt gleich
Wichtig für die OBS-Konfiguration: der Browser-Source-Token hängt am Overlay (bzw. Channel), nicht am Editor. Egal ob du im Builder oder Pro Editor speicherst - die URL in OBS bleibt unverändert, solange du den Token nicht aktiv rotierst. Details zur Token-Verwaltung: Book Pro Editor → Pro Editor Grundlagen und Book Browser Source Setup.
Verwandte Werkzeuge, die keine "dritte Editor-Option" sind
- Regie-Pult (
/dashboard/regie): keine Layout-Bearbeitung, sondern Live-Steuerung bestehender Elemente (ein-/ausblenden, Position/Sichtbarkeit) für eine zweite Person während des Streams. Nutzt dieselbe Element-Registry, aber im Control-Modus statt Create-Modus. - Overlay Debug (
/dashboard/overlay-debug): Diagnose-Tool, keine Bearbeitung - hilft bei "Warum zeigt mein Overlay nichts?". - Magic Moments Preset-Editor (
/dashboard/magic-moments): komplett eigenständiges Overlay/System für automatische Ereignis-Effekte (5 Themes: Default, Neon, Soft, Retro, Dark Cinematic; Intensität subtle/normal/loud), nicht Teil von Builder oder Pro Editor und nicht über deren Element-Palette einbaubar. Der Einstieg dazu ist ein eigener Promo-Banner auf der Pro-Editor-Übersichtsseite.
Was tun, wenn du unsicher bist?
Fang direkt im Pro Editor an - er ist heute der Standardweg, und der Lernaufwand gegenüber dem alten Builder ist überschaubar. Für Detailfragen zum Canvas, zu Szenen und zur API-Anbindung: Book Pro Editor, Seiten Pro Editor Grundlagen, Vom Builder zum Pro Editor, Verfügbare APIs im Overlay und Pro Editor Troubleshooting.