9. Editor (CSS) #
Allgemeines:
– Monaco-Editor mit Syntax-Highlighting, Wordwrap, Multi-Cursor,
Suchen und Ersetzen (STRG/CMD + F)
– Monaco folgt der Plugin-Darstellung: im hellen Modus `vs`, im dunklen Modus `vs-dark`.
– Der Hinweis zum Editor sitzt als `(i)`-Button direkt neben `CSS-Inhalt`.
Bedienung:
– Über `CSS-Inhalt` und direkt unter der Codebox stehen dieselben drei Aktionen bereit: `Speichern`, `Speichern & Leeren`, `Leeren`
– `Speichern` speichert nur den aktiven Tab per AJAX und lässt ihn geöffnet
– `Speichern & Leeren` speichert nur den aktiven Tab per AJAX und ersetzt danach nur diesen Tab durch einen leeren Tab
– Andere offene Tabs bleiben dabei unverändert, auch wenn sie ungespeicherte Änderungen enthalten
– `Tab schließen` wirkt nur auf den gewählten Tab. Bei ungespeicherten Änderungen erscheint eine Rückfrage.
– Wird der letzte Tab geschlossen, öffnet die UI automatisch wieder einen neuen leeren Tab
– `Leeren` verwirft die aktuelle Eingabe nach Rückfrage und speichert nichts
– `Ctrl/Cmd + S` entspricht `Speichern`
– `Ctrl/Cmd + W` schließt den aktiven Tab mit derselben Dirty-Abfrage wie der Schließen-Button
