WERKZEUGE / PHASE 10
Eine Idee. Direkt im Browser.
HTML und eigenes CSS ausprobieren, im gewählten Farbschema ansehen und als vollständiges Dokument übernehmen. Die Vorschau folgt den Farb-, Modus-, Dichte- und Schrifteinstellungen der Dokumentation.
HTML und CSS, bewusst getrennt von der Dokumentation
Die Vorschau läuft in einem isolierten Frame ohne JavaScript, Formularversand, Popups oder Zugriff auf diese Dokumentation. PHP wird hier nicht ausgeführt. Inhalte werden weder automatisch gespeichert noch an einen Ausführungsdienst gesendet. Die Vorschau lädt lediglich das öffentliche Rittek-Stylesheet.
Dein Entwurf
Klassen und eigenes CSS gelten nur in der Vorschau. Scripts bleiben inaktiv; externe Medien und weitere Stylesheets sind eingeschränkt. Zum dauerhaften Aufbewahren bitte kopieren oder herunterladen.
Live-Vorschau
Das erzeugte Dokument
Dieser Code entspricht dem aktuellen Entwurf. Er enthält Stylesheet, Darstellungsattribute, eigenes CSS und eine restriktive Inhaltsrichtlinie. Im heruntergeladenen HTML gibt es keine äußere iframe-Sandbox: normale Links und Meta-Weiterleitungen sind dort nicht pauschal gesperrt. Die Vorschau-Isolation ist keine HTML-Bereinigung.
Einbindung und Grenzen
Für normale Projekte brauchst du das Playground-Script nicht. Übernimm HTML und CSS in dein Projekt und binde rittek.css ein. Das vollständige Werkzeug verwendet playground.js und playground-model.js. Die ursprünglichen Entwürfe bleiben nur im geöffneten Editor. Ein Neuladen kann sie verwerfen.
Die erste Version ist ein HTML-/CSS-Werkzeug. JavaScript-Ausführung, PHP-Laufzeit, Dateiupload und externe Bibliotheken gehören nicht zu dieser Vorschau. Für eigene Farben gibt es den Theme-Editor, für fertige Bausteine den Komponenten-Konfigurator.