Interaktiver HTML, CSS & JS Editor - Drag & Drop Version

HTML
CSS
JavaScript
Bilder
Projekt1

Hilfe - Drag & Drop Version

Der interaktive HTML, CSS und Javascript-Editor ist eine browserbasierte Anwendung mit der interaktiv HTML-Seiten entwickelt und als Vorschau angezeigt werden können.

Benutzungsoberfläche

Neue Bildverwaltung

Drag & Drop: Ziehen Sie Bilder direkt in das Bildfenster hinein.
Klick-Fallback: Klicken Sie in das Bildfenster, um Bilder auszuwählen.
localStorage: Bilder werden automatisch im Browser gespeichert und bleiben auch nach dem Neuladen der Seite erhalten.
Entfernen: Klicken Sie auf das "×" Symbol, um ein Bild zu entfernen.
Verwendung: Bilder können direkt über ihren Dateinamen verwendet werden: <img src="bildname.png">

Menü

Menüpunkt Erläuterung
Mit diesem Menüpunkt lässt sich der Name des Projekts ändern. Nach dem Click öffnet sich ein Textfeld, in das man dem Namen des Projekts eintragen kann.
Die Inhalte aller Editoren werden gelöscht. Der Projektname ändert sich nicht.
Mit diesem Menüpunkt lässt sich eine lokale Datei in den gerade geöffnenten Editor vom lokalen Rechner hochladen. In den HTML-Editor eine HTML-Datei, in den CSS_Editor eine CSS-Datei und in den Javscript-Editor eine Javascriptdatei. Für Bilder: Verwenden Sie Drag & Drop oder klicken Sie in das Bildfenster.
Mit diesem Menüpunkt lässt sich der angezeigt Quelltext (html, css oder Javascript) lokal speichern. Der Dateiname kann eigegeben werden, die Dateiendung sollte nicht geändert werden. Die Speicherung erfolgt normalerweise im download-Ordner.
Mit diesem Menüpunkt lassen sich alle Quelltexte und die Bilder auf einmal als zip-Datei herunterladen. Nach dem Entpacken befinden sich alle Dateien in einem Ordner mit dem Namen des Projekts. Quelltext (html, css, js). Die Bilder werden unter ihrem angezeigten Namen gespeichert.