HTML-Viewer
Betrachten und analysieren Sie HTML-Quellcode in zwei Modi mit automatischer Zählung von Zeichen und Zeilenabschnitten.
Tool ausführen
Mit diesem HTML-Viewer untersuchen und strukturieren Sie HTML-Code nach Bedarf. Das Werkzeug verarbeitet optionalen Text in zwei wählbaren Modi: Quellcode und Vorschau. Im standardmäßigen Quellcode-Modus erzeugt das Tool eine maskierte Textfassung des eingegebenen HTML-Codes, wodurch Zeichen wie spitze Klammern geschützt und als lesbarer Quelltext dargestellt werden. Im Vorschaumodus liefert das System neben der maskierten Variante zusätzlich den unveränderten Originalcode strukturiert zurück. Bei jeder nicht leeren Eingabe ermittelt das Werkzeug außerdem nützliche Kennzahlen: Sie erhalten die genaue Zeichenanzahl sowie die Summe der durch Zeilenumbrüche getrennten Zeilenabschnitte. Bleibt das Eingabefeld leer, zeigt das Ausgabefeld einen leeren Inhalt an. Wenn Sie einen ungültigen Modus eingeben, zeigt das Tool eine entsprechende Meldung an. Diese strukturierte Textausgabe unterstützt Entwickler, Redakteure und Lernende dabei, Codefragmente für Dokumentationen vorzubereiten, Steuerzeichen zu überprüfen und den Umfang von HTML-Bausteinen präzise zu erfassen.
Anleitung
- Fügen Sie Ihren HTML-Code in das Textfeld für die HTML-Eingabe ein oder lassen Sie das Feld bei Bedarf leer.
- Wählen oder belassen Sie den Modus source für maskierten Quellcode oder tragen Sie preview für die kombinierte Ausgabe ein.
- Klicken Sie auf „Ausführen“, um die maskierten Zeichenketten sowie die ermittelten Zeichen- und Zeilenzahlen einzusehen.
Beispiele
- HTML-Struktur im Quellcode-Modus: Bei Eingabe von <h1>Titel</h1><p>Absatz</p> und dem Modus source liefert die Ausgabe die maskierte Fassung <h1>Titel</h1><p>Absatz</p> zusammen mit der genauen Zeichen- und Zeilenzahl.
- Mehrzeiliger Codeblock im Vorschaumodus: Bei Eingabe eines zweizeiligen Tabellenausschnitts im Modus preview stellt das Tool sowohl den eingegebenen Originaltext als auch die maskierte Quelltextfassung dar und weist zwei Zeilenabschnitte aus.
FAQ
Was unterscheidet den Quellcode-Modus vom Vorschaumodus?
Der Modus source liefert den HTML-Code in maskierter Textform. Der Modus preview gibt zusätzlich zur maskierten Fassung auch den unveränderten Originalcode als Text zurück.
Führt der Vorschaumodus Skripte aus oder rendert er Webseiten?
Nein. Das Werkzeug stellt ausschließlich textbasierte Repräsentationen bereit und führt weder Skripte aus noch simuliert es eine Browser-Darstellung.
Was passiert, wenn ein ungültiger Modus eingetragen wird?
Wenn Sie einen anderen Wert als source oder preview eingeben, zeigt das Tool eine Meldung an, dass der Modus nicht erkannt wird, und führt keine Codeaufbereitung durch.
Welche Zählwerte ermittelt das Werkzeug?
Für jede nicht leere Eingabe berechnet das Tool die Gesamtzahl der enthaltenen Zeichen sowie die Summe der durch Zeilenumbrüche getrennten Textzeilen.