HTML-Datei online bearbeiten, ohne sie hochzuladen

Du hast die Seite eines Kunden vor dir, oder eine Datei, die sonst niemand sehen soll, und du findest einen Online-HTML-Editor, um sie schnell zu reparieren. Dein Cursor schwebt über dem Dateiauswahl-Dialog — und du hältst inne. Schickt das gleich meine Datei auf den Server irgendeines Fremden?

Muss es nicht. Ein Online-HTML-Editor kann wirklich privat sein. Die Seite läuft in deinem Browser, aber die Datei wird direkt auf deiner Maschine geöffnet und bearbeitet und nie irgendwohin geschickt — vorausgesetzt, das Tool ist so gebaut. Der Haken ist, dass viele es nicht sind. Die Fähigkeit, die sich lohnt, ist also nicht, Online-Editoren zu meiden. Es ist, die privaten vom Rest zu unterscheiden — und zu prüfen, bevor du einem vertraust.

„online" und „hochgeladen" sind zwei verschiedene Wörter

Wir sagen „online" für zwei Dinge und merken die Lücke nie. Mal heißt es, die Arbeit passiert auf einem Server irgendwo, so wie wenn du ein Foto zum Verkleinern hochlädst. Mal heißt es einfach, das Tool kam übers Internet, wie jede Webseite, und danach passiert alles auf deiner Seite der Leitung.

Ein HTML-Editor kann beides sein. Ein serverseitiger nimmt deine Datei, schickt sie hoch, macht die Bearbeitung auf einer Maschine, die du nie sehen wirst, und reicht dir das Ergebnis zurück. Ein clientseitiger ist die zweite Sorte. Er ist eine Webseite aus HTML, CSS und JavaScript, und sobald diese Seite geladen ist, führt dein Browser sie aus — auch den Teil, der deine Datei öffnet und dich ändern lässt. Deine Datei geht in die Seite hinein, nicht hoch zu einem Server.

Gleiches Wort auf dem Etikett. Zwei völlig verschiedene Reisen für deine Datei.

dein Browser macht die Arbeit, nicht ein Server

Hier ist der Mechanismus, denn sobald du ihn siehst, hörst du auf, dir ums Falsche Sorgen zu machen.

Wenn ein clientseitiger Editor dich bittet, eine Datei zu öffnen, nutzt er eine Browser-Funktion — einen schlichten Dateiauswahl-Dialog oder die neuere File System Access API in Chrome und Edge —, die den Inhalt der Datei an den Code der Seite übergibt. Diese Übergabe passiert in deinem Browser. Keine Anfrage verlässt deinen Computer. Das JavaScript liest den Text deiner .html, zeigt ihn dir und schreibt deine Änderungen zurück, alles lokal.

Ein serverseitiges Tool spart sich keine dieser Reisen. In dem Moment, in dem du deine Datei öffnest oder konvertierst, schickt es den Inhalt hoch zu einem Backend, das die Arbeit macht und antwortet. Für manche Aufgaben nützlich. Nur nicht privat.

Die Aufteilung sieht so aus.

	Clientseitiger Editor	Serverseitiger Editor oder Konverter
Was von einem Server lädt	Die Editor-Seite, einmal	Die Seite, plus deine Datei bei jeder Aktion
Wo deine Datei verarbeitet wird	In deinem Browser	Auf einem Backend, das du nicht siehst
Wird deine Datei hochgeladen	Nein	Ja
Läuft noch, wenn du offline gehst	Ja, einmal geladen	Nein

prüf's selbst, in ungefähr einer Minute

Du musst niemandem aufs Wort glauben, mir eingeschlossen. Dein Browser sagt's dir.

Öffne die Entwicklertools — F12 in den meisten Browsern, oder Rechtsklick auf die Seite und Untersuchen — und klick auf den Netzwerk-Tab (Network). Er listet jede Anfrage, die die Seite stellt. Jetzt öffne deine Datei im Editor und schau zu. Lädt das Tool sie hoch, taucht in dem Augenblick eine neue Anfrage auf, meist ein POST, und wenn du sie anklickst, siehst du den Inhalt deiner Datei darin mitreisen. Erscheint nichts Neues, wenn du deine Datei wählst, wurde nichts geschickt. Deine Datei ist geblieben, wo sie war.

Es gibt einen noch gröberen Test. Lad den Editor, dann schalt dein WLAN aus. Ein Tool, das seine Bearbeitung lokal macht, läuft mit gekappter Verbindung weiter. Ein Tool, das einen Server braucht, um deine Datei zu verarbeiten, hört einfach auf. Kapp die Leitung und schau, welche Sorte du in der Hand hast.

die, die deine Datei wirklich nehmen

Ich will dich nicht mit der Vorstellung zurücklassen, „online" heiße immer sicher. Tut es nicht, und manche Tools verdienen die Sorge, mit der du angefangen hast.

Online-Konverter sind die üblichen Verdächtigen. Alles, was dein HTML in ein PDF oder ein Bild verwandelt oder es im Vorbeigehen „säubert" und neu formatiert, tut das sehr oft auf einem Server — was heißt, deine Datei ist hochgegangen. Dasselbe bei einer Menge „Beautifier"- und „Minify"-Seiten, und bei vollen Online-Editoren, die deine Arbeit in ein Konto speichern, denn dieses Konto lebt auf ihren Servern, und deine Datei auch. Nichts davon ist automatisch finster. Eine öffentliche Marketing-Seite, oder ein Schnipsel, den du überall posten würdest — egal. Aber ein Kundenvertrag, eine interne Seite, irgendetwas mit echten Namen oder Zahlen drin — das ist die Datei, die du zuerst prüfst.

Die Regel, die ich einem Freund geben würde, ist kurz. Für alles Private nimm entweder ein Tool, das du als clientseitig bestätigt hast, oder kipp es gar nicht erst in irgendeine x-beliebige Seite.

eine private Bearbeitung, vom Öffnen bis zum Speichern

So sieht eine private Bearbeitung wirklich aus, von oben bis unten, mit einem clientseitigen Editor. Ich nehme meinen eigenen, HTML Tweak, weil er genau dafür gebaut ist — aber die Schritte sind dieselbe Idee für jedes Tool, das du geprüft hast.

1. Öffne den Editor in deinem Browser. Beim ersten Besuch lädt er seine eigene Seite und seinen Code herunter, wie jede Website. Das ist der Editor, der lädt, nicht deine Datei, die hochgeht.
2. Willst du einen Beweis, bevor du weitermachst? Öffne jetzt den Netzwerk-Tab, oder kapp einfach die Verbindung, sobald die Seite geladen ist. Er läuft weiter.
3. Öffne deine .html-Datei. Der Editor liest sie lokal und zeigt dir die echte Seite neben ihrem Code, beide synchron gehalten. Klick etwas auf der Seite an, und er hebt die passende Zeile im Code hervor — praktisch, wenn du die Stelle suchst, die du ändern willst.
4. Mach deine Änderung. Ändere die Formulierung, tausch einen Link, korrigier eine Farbe. Du gibst die Datei jemandem, der die Struktur nicht anfassen soll? Ein Nur-Text-Modus sperrt das Layout, sodass sich nur die Worte bearbeiten lassen.
5. Speichern. In Chrome oder Edge schreibt es direkt zurück in deine Originaldatei. In anderen Browsern lädt es stattdessen eine bearbeitete Kopie herunter. So oder so hat die Datei deine Maschine nie verlassen, um hierher zu kommen.

Keine Anmeldung irgendwo in dieser Liste, und kein Konto, das deine Datei festhält. HTML Tweak öffnet eine einzelne .html-Seite, kein React- oder Next-Projekt aus mehreren Dateien. Dafür willst du einen echten Code-Editor, und das privat zu halten ist ein anderes Gespräch.

Wenn du die ausführliche Tour willst, hab ich einen Rundgang durch jede Art, eine Datei zu bearbeiten, die du schon hast geschrieben, und einen fairen Vergleich der kostenlosen Editoren, inklusive der Stellen, wo andere Tools das besser machen als meins.

ein paar Dinge, die still schiefgehen

Die meisten kommen daher, dem falschen Signal zu trauen.

Anzunehmen, das Schloss in der Adressleiste heiße privat. Tut es nicht. HTTPS verschlüsselt die Reise zwischen dir und dem Server, sodass niemand in der Mitte deine Datei lesen kann — aber es sagt nichts darüber, ob die Datei überhaupt geschickt wurde. Ein serverseitiger Konverter über HTTPS hat deine Datei trotzdem auf seiner Platte liegen. Verschlüsselung während des Transports ist nicht dasselbe wie nie wegzugehen.

„Kein Upload" im Marketing-Text zu lesen und dabei stehenzubleiben. Vielleicht stimmt's. Der Netzwerk-Tab klärt es in einer Minute und kostet dich nichts.

Das Laden des Tools mit dem Hochladen der Datei zu verwechseln. Das Erste ist normal — jede Website lädt. Das, worauf zu achten ist, ist eine Anfrage, die deine Datei trägt, genau dann, wenn du sie öffnest.

Und den Offline-Test zu früh zu machen. Kapp die Verbindung, nachdem die Editor-Seite vollständig geladen ist. Machst du's vorher, geht natürlich nichts, weil du das Tool nie bekommen hast. Der Punkt ist, dass ein lokaler Editor, einmal geladen, das Netz nicht mehr brauchen sollte, nur um deine Datei zu bearbeiten.

Eine Datei, die du lieber für dich behalten würdest? Öffne den Netzwerk-Tab deines Browsers, zieh sie in HTML Tweak, und schau zu, wie dieses Panel leer bleibt, die ganze Zeit, in der du bearbeitest. Dieses leere Panel ist das ganze Versprechen — und du musst mir nicht aufs Wort glauben. Du kannst zusehen, wie es passiert.