Whitespace Visualisierer

Der Whitespace Visualisierer macht unsichtbare Textzeichen sichtbar, damit Sie Formatierungsprobleme debuggen können, die normale Editoren verbergen. Er ist besonders nützlich für Code-Reviews, YAML- und TOML-Einrückungen, CSV-Bereinigungen, Markdown-Rendering-Probleme, kopierte Webtexte, Terminal-Logs und jede Situation, in der ein Leerzeichen, Tab, Zeilenumbruch, geschütztes Leerzeichen oder nullbreites Zeichen das Ergebnis verändert.

Was dieses Tool enthüllt

• Leerzeichen: Gewöhnliche Leerzeichen erscheinen als · Marker.
• Tabs: Tabulatorzeichen erscheinen als ⇥ Marker und können mit einer Spaltenbreite von 2, 4 oder 8 angezeigt werden.
• Zeilenenden: LF-, CRLF- und CR-Enden werden separat gekennzeichnet, sodass plattformübergreifende Textprobleme leichter zu erkennen sind.
• Nachstehender Whitespace: Leerzeichen, Tabs und geschützte Leerzeichen am Ende einer Zeile werden als Warnungen hervorgehoben.
• Unicode-Unsichtbare: NBSP, ZWSP, BOM, weiche Trennstriche, Verbinder, Richtungsmarkierungen und andere Formatzeichen werden als beschriftete Token angezeigt.

Häufige Anwendungsfälle

• Debuggen von YAML- oder Python-Dateien, in denen Tabs und Leerzeichen versehentlich gemischt wurden.
• Finden von nachstehenden Leerzeichen, die Linting, Snapshots, Markdown oder strikte Test-Fixtures stören.
• Identifizieren von geschützten Leerzeichen (NBSP), die von Webseiten, PDFs, Tabellenkalkulationen oder Rich-Text-Editoren kopiert wurden.
• Prüfen, ob Text Unix-LF, Windows-CRLF oder veraltete CR-Zeilenenden verwendet.
• Aufdecken von nullbreiten Zeichen, die zwei Zeichenfolgen identisch aussehen lassen, obwohl sie sich beim Vergleich unterscheiden.

Beispiele und Tipps zum Debuggen

• YAML-Fehler: Wenn ein Listenelement mit ⇥ beginnt, während das vorherige mit ·· beginnt, ersetzen Sie den Tab durch Leerzeichen, bevor Sie die Datei validieren.
• Markdown-Überraschung: Hervorgehobene nachstehende Leerzeichen können in Markdown beabsichtigte Zeilenumbrüche sein, aber versehentliche Leerzeichen am Ende können auch unnötige Diffs verursachen.
• Copy-Paste-Fehler: Ein sichtbares NBSP-Token bedeutet normalerweise, dass der Text aus einer Webseite, einem PDF, einer Tabelle oder einer Rich-Text-Quelle stammt und nicht aus einem einfachen Texteditor.
• String-Vergleichsfehler: ZWSP, BOM und Richtungsmarkierungen können Strings identisch aussehen lassen, während Gleichheitsprüfungen, Slugs oder Datenbank-Keys fehlschlagen.
• Plattformübergreifende Dateien: Gemischte CRLF- und LF-Enden treten oft auf, wenn dieselbe Datei unter Windows, macOS, Linux oder in Containern bearbeitet wurde.

Anwendung

1. Fügen Sie den Code, die YAML-, CSV-, Log-Zeile oder den formatierten Text in das Textfeld ein.
2. Wählen Sie aus, ob Leerzeichen, Tabs, Zeilenenden, Unicode-Steuerzeichen und nachstehender Whitespace angezeigt werden sollen.
3. Klicken Sie auf Whitespace visualisieren, um die zeilenweise markierte Ansicht zu generieren.
4. Prüfen Sie die Warnungsanzahl, Einrückungszeilen, Zeilenenden und die kopierbare markierte Ausgabe.

FAQ

Was zeigt der Whitespace Visualisierer an?

Er zeigt Leerzeichen, Tabs, Zeilenumbrüche, Wagenrückläufe, geschützte Leerzeichen, nullbreite Unicode-Zeichen, Steuerzeichen, Einrückungen und nachstehende Leerzeichen an, die normalerweise in einem Texteditor oder Browser unsichtbar sind.

Kann dies beim Debuggen von YAML-Einrückungen helfen?

Ja. YAML reagiert empfindlich auf Einrückungen. Das Tool markiert Leerzeichen und Tabs separat, kennzeichnet Zeilen mit gemischter Einrückung und zeigt die genauen führenden Leerzeichen und Tabs für jede Zeile an.

Wie kann ich nachstehende Leerzeichen erkennen?

Nachstehende Leerzeichen, Tabs und geschützte Leerzeichen werden am Ende jeder Zeile hervorgehoben. Die Zusammenfassung zählt zudem, wie viele Zeilen nachstehende Leerzeichen enthalten.

Erkennt es nullbreite Zeichen?

Ja. Gängige unsichtbare Unicode-Zeichen wie das nullbreite Leerzeichen, der nullbreite Verbinder, das Byte Order Mark, der weiche Trennstrich und Richtungsmarkierungen werden als beschriftete Token mit Tooltips zum Code-Punkt angezeigt.

Wird mein eingefügter Text gespeichert?

Nein. Das Tool verarbeitet den übermittelten Text nur zur Erstellung der sichtbaren Whitespace-Ansicht und speichert den Inhalt nicht.