Entwicklerwerkzeuge

HTML/CSS/JS-Spielwiese

Ein kleines CodePen: drei Felder plus eine abgeschottete Live-Vorschau.

Im Browser

PRO

HTML/CSS/JS-Spielwiese

Ein kleines CodePen: drei Felder plus eine abgeschottete Live-Vorschau.

Pro schaltet dieses Werkzeug, höhere Limits und werbefreies Surfen frei, wenn Werbung aktiv ist.

Auf Pro upgraden Anmelden

Über dieses Werkzeug

Probieren Sie HTML, CSS und JavaScript nebeneinander aus, wenn Sie unterrichten, ein Snippet prüfen oder ein Widget skizzieren.

Die Code-Werkzeuge auf 1CLIK sind für kurze Schleifen: formatieren, ansehen, kodieren, kopieren. Sie ersetzen weder VS Code noch einen Testserver. Nutzen Sie Beispieldaten, keine Produktionsabzüge mit Geheimnissen.

Wenn etwas nicht gelesen wird, steckt der Fehler meist im Einfügen: Word-Anführungszeichen, ein abgeschnittenes Token, eine fehlende Klammer. Korrigieren Sie die Quelle und starten Sie das Werkzeug erneut.

Wenn etwas später auf 1CLIK selbst erscheinen soll, prüfen Sie es trotzdem im echten Theme. Dieser Bereich lädt das Produktions-CSS des Hubs nicht.

Kurze Schritte

  1. Fügen Sie nur den Ausschnitt ein, den Sie auf dem eigenen Rechner haben möchten.
  2. Starten Sie Format, Vorschau oder Kodierung.
  3. Kopieren Sie das Ergebnis in Ihren Editor.
  4. Leeren Sie das Feld, wenn Sie mit sensiblem Material fertig sind.

Die Arbeit bleibt im Browser, außer Sie speichern absichtlich einen Entwurf in einem Werkzeug mit Konto.

FAQ

Führen Sie mein JavaScript auf einem Server aus?

Nein. Vorschau-Code läuft in Ihrem Browser.

Kann ich npm-Pakete laden?

Das ist eine leichte Hilfe, kein Bundler. Für echte Anwendungen nutzen Sie Ihre lokale Werkzeugkette.

CSS von rechts nach links?

Sie können RTL-Regeln einfügen. Prüfen Sie sie auf einer echten Seite mit dir=rtl, weil das Layout vom Elterndokument abhängt.

Ein nützlicher nächster Schritt

Richtlinien der Website: Datenschutz · Nutzungsbedingungen