Online-HTML-Editor: Suche, ZIP-Import, Ordner und Versionsverlauf
Nicht alles braucht einen KI-Prompt. Manchmal willst du nur eine Telefonnummer ändern, ein Logo austauschen oder einen Tippfehler in Zeile 840 korrigieren. Der Editor im Hostilo-Dashboard hat jetzt die Werkzeuge dafür: Suchen und Ersetzen, ZIP-Projektimport, Dateien in Ordnern und einen Versionsverlauf, den du mit einem Klick wiederherstellst.
Im Code suchen und ersetzen
Eine von KI erzeugte Seite hat schnell 1.000 Zeilen. Statt zu scrollen, drücke Strg+F (oder klicke auf die Lupe in der Werkzeugleiste). Treffer werden im Code und in der Scrollleiste hervorgehoben.
| Was | Windows / Linux | Mac |
|---|---|---|
| Suchen | Ctrl+F | Cmd+F |
| Nächster / vorheriger Treffer | Enter / Shift+Enter | Enter / Shift+Enter |
| Ersetzen | Ctrl+Shift+F | Cmd+Alt+F |
| Alle ersetzen | Ctrl+Shift+R | Shift+Cmd+Alt+F |
| Zu Zeile springen | Alt+G | Alt+G |
| Speichern | Ctrl+S | Ctrl+S |
Es soll genauer sein? Gib einen regulären Ausdruck zwischen Schrägstrichen ein, zum Beispiel findet /tel:\+?[0-9 ]+/ alle Telefon-Links.
Ein ganzes Projekt aus einer ZIP-Datei importieren
Deine Seite stammt aus einem anderen Tool, oder die KI hat dir einen Ordner mit index.html, CSS, JS und Bildern gegeben? Pack ihn als ZIP und wähle Import → Projekt aus ZIP-Datei. Den Rest erledigt Hostilo:
meine-seite.zip index.html css/style.css img/logo.png Bei Hostilo: index.html (deine Seite) assets/css/style.css assets/img/logo.png <link href="css/style.css"> -> <link href="assets/css/style.css">
index.htmlwird zu deiner Seite. Die vorherige Version bleibt im Verlauf.- Alle anderen Dateien landen in
assets/, die Ordner bleiben erhalten. - Pfade in
index.htmlwerden automatisch korrigiert, Styles und Bilder funktionieren sofort. - Liegt alles in einem Ordner (
meine-seite/index.html), wird dieser Ordner übersprungen. - Vor dem Import siehst du eine Übersicht: wie viele Dateien, wie viele Megabyte und welche vorhandenen Dateien ersetzt werden. Du kannst
assets/auch vorher leeren. - Grenzen: ZIP bis 20 MB, bis 300 Dateien, eine Datei bis 10 MB. Versteckte Dateien und unsichere Pfade werden übersprungen.
Es geht auch umgekehrt: .ZIP herunterladen liefert die ganze Seite mit allen Dateien. Bearbeite sie am Computer und importiere sie wieder.
Dateien in Ordnern
- Nach einem Import zeigt die Dateiliste Ordner (
css,img,js), die du auf- und zuklappst. - Das Filterfeld findet eine Datei in einer Sekunde nach Namen.
- Neue Dateien lädst du direkt in den gewünschten Ordner hoch.
- Ein Klick auf eine Datei kopiert ihren Pfad oder fügt sie an der Cursorposition in den Code ein (ein Bild wird zum fertigen
<img>-Tag).
Versionsverlauf
Jedes Speichern behält die vorherige Version. Klicke auf Verlauf, um die Liste zu sehen und eine beliebige Version wiederherzustellen.
- Hostilo speichert die letzten 10 Versionen jeder Seite.
- Vor dem Wiederherstellen wird auch der aktuelle Code als Version gesichert, es geht also nichts verloren.
- Versionen entstehen auch beim Veröffentlichen per KI (MCP), beim ZIP-Import und bei Seiten aus Vorlagen.
- Wirst du nach 15 Minuten Inaktivität abgemeldet, bietet der Editor beim nächsten Öffnen deine ungespeicherten Änderungen wieder an.
Weitere nützliche Schaltflächen
- Formatieren räumt Einrückungen auf, Minimieren entfernt leere Zeilen.
- Kopieren legt den ganzen Code in die Zwischenablage, etwa zum Einfügen in ChatGPT oder Claude.
- Über URL importieren holt das HTML einer öffentlichen Demo-Seite, Laden öffnet eine
.html-Datei von deiner Festplatte.
Verbinde Hostilo mit Claude oder ChatGPT und überlass der KI die großen Änderungen. Öffne dann den Editor, such, was du prüfen willst, und korrigiere Details von Hand. Geht etwas schief, holt der Verlauf die vorherige Version mit einem Klick zurück.
Häufige Fragen
Sind diese Funktionen kostenlos?
Ja. Suche, ZIP-Import, Ordner und Verlauf funktionieren im kostenlosen Tarif. PRO bietet eine eigene Domain, mehr Speicher und längere Statistiken.
Welche Dateitypen kann ich importieren?
HTML, CSS, JavaScript, Bilder (auch SVG und WebP), Schriften (woff, woff2, ttf, otf) sowie gängige Text- und Datendateien. Andere Typen werden übersprungen und in der Übersicht aufgelistet.
Löscht der Import meine aktuellen Dateien?
Nein, außer du setzt das Häkchen zum vorherigen Leeren von assets. Dateien mit gleichem Namen werden ersetzt, und die Übersicht zeigt dir vor der Bestätigung, wie viele es sind.
Wie viele ältere Versionen kann ich wiederherstellen?
Die letzten 10 Versionen jeder Seite. Ältere werden automatisch entfernt.
Du baust mit KI? Lies, wie du eine Website mit mehreren Dateien mit einem Prompt aus ChatGPT oder Claude veröffentlichst.
Editor ausprobieren
Erstelle ein kostenloses Konto, veröffentliche eine Seite und bearbeite sie auf deine Art.
Kostenloses Konto erstellen
