ViewCSVÖffnen Sie eine CSV-Datei oder fügen Sie sie ein, und Sie erhalten eine <table> mit einem <thead> aus <th scope="col">-Überschriften und einem <tr> pro Zeile – oder eine vollständige HTML-Seite, die Sie direkt öffnen können. Jeder Wert wird HTML-maskiert: <script> oder & in Ihren Daten erscheint als Text und wird nie zu Markup. Die Datei wird in Ihrem Browser umgewandelt und nie hochgeladen.
So wandeln Sie CSV in HTML um
- Wählen Sie Datei öffnen, ziehen Sie eine
.csv-,.tsv- oder.txt-Datei auf das Werkzeug, oder wählen Sie Einfügen. Sehen die Spalten falsch aus, passen Sie Trennzeichen oder Codierung unter Importeinstellungen an. - Wählen Sie unter Ausgabe entweder Nur Tabelle, um das Markup in eine bestehende Seite oder ein CMS einzufügen, oder Vollständige HTML-Seite für eine eigenständige Datei.
- Ergänzen Sie bei Bedarf eine Beschriftung (optional), entscheiden Sie über Gestaltung und Zeilenumbrüche, und wählen Sie dann Kopieren oder „HTML herunterladen“.
Für eine README-Datei oder ein Wiki lässt sich eine Markdown-Tabelle meist leichter bearbeiten; für eine druckbare Datei nutzen Sie CSV in PDF.
Was die einzelnen Optionen bewirken
| Nur Tabelle | Die Standardeinstellung. Nur das Element <table>, bereit zum Einfügen in eine Seite, eine E-Mail-Vorlage oder einen HTML-Block im CMS. |
|---|---|
| Vollständige HTML-Seite | Ergänzt <!doctype html>, <html lang="en"> (auf dieser deutschen Seite mit lang="de"), <meta charset="utf-8"> und einen <title> (die Beschriftung oder ohne ihn Table), sodass sich die Datei in jedem Browser korrekt öffnet. |
| Beschriftung (optional) | Schreibt ein <caption> als erstes Kindelement der Tabelle: den barrierefreien Namen, den Screenreader für die Tabelle ansagen. |
| Einfache Gestaltung hinzufügen | Standardmäßig an. Auf einer vollständigen Seite wird ein kleines Stylesheet eingebettet: Rahmen, eine schattierte Kopfzeile und rechtsbündige Zahlen. Bei Nur Tabelle erhält stattdessen die Tabelle class="csv-table" und jede Zahlenzelle class="num", damit Ihr eigenes CSS über das Aussehen entscheidet. |
| Zeilenumbrüche in Zellen anzeigen | Standardmäßig an. Ein Zeilenumbruch in einem Wert wird zu <br>. Ist die Option aus, bleibt der Umbruch im Quelltext, wo Browser ihn als Leerzeichen anzeigen. |
Wie schwierige Daten behandelt werden
&,<,>,"und'werden in jeder Zelle, Überschrift und in der Beschriftung als&,<,>,"und'geschrieben. Tags in Ihren Daten erscheinen als Text – vorhandenes HTML in der CSV-Datei wird also auch nicht dargestellt.- Jede Zelle hat
dir="auto", sodass arabische oder hebräische Werte auch innerhalb einer linksläufigen Seite von rechts nach links angezeigt werden. - Eine Spalte gilt nur dann als numerisch, wenn jeder nicht leere Wert eine einfache Zahl ist; eine ID-Spalte wie
0042bleibt Text und wird nicht rechtsbündig ausgerichtet. Die Werte selbst werden nie umformatiert. - Kommas, Anführungszeichen und Zeilenumbrüche in Anführungszeichen werden nach RFC 4180 gelesen. Eine leere Spaltenüberschrift wird zu
Column 3, eine doppelte zuname (2). - Die Ausgabe ist UTF-8. Eine vollständige Seite deklariert das mit
<meta charset="utf-8">; fügen Sie Nur Tabelle in eine andere Seite ein, muss auch diese UTF-8 verwenden.
Fehlerbehebung
- Umlaute erscheinen in der Quelldatei als ä oder é. Die CSV-Datei ist nicht in UTF-8 gespeichert. Wählen Sie unter Importeinstellungen ihre Codierung (bei älteren Excel-Exporten oft Windows-1252) und öffnen Sie sie erneut.
- Tags aus meinen Daten erscheinen als Text. Das HTML in Ihren Zellen wurde absichtlich maskiert, damit es nicht als Markup ausgeführt werden kann. Bearbeiten Sie das Ergebnis, wenn Sie dem Inhalt vertrauen und ihn dargestellt haben möchten.
- Die eingefügte Tabelle hat keine Rahmen. Nur Tabelle fügt (bei aktiver Gestaltung) Klassennamen hinzu, aber kein CSS. Gestalten Sie
.csv-tableundtd.numim Stylesheet Ihrer Website, oder wählen Sie Vollständige HTML-Seite, um die eingebauten Stile zu erhalten. - Eine Spalte enthält alle Werte. Das Trennzeichen wurde falsch erkannt. Stellen Sie es unter Importeinstellungen ein.
Grenzen und Datenschutz
Dateien bis 25 MB, 100.000 Zeilen oder 2 Millionen Zellen öffnen mit Live-Vorschau der ersten 200 Zeilen. Größere Dateien werden als Datenstrom umgewandelt: Die Datei wird zweimal abschnittsweise gelesen (einmal, um die Spalten zu erfassen und festzustellen, welche numerisch sind, einmal zum Schreiben), ein Hinweis besagt, dass der Download die ganze Datei umfasst, und Kopieren wird nicht angeboten. Eine einzelne Ausgabedatei ist auf 4 GB begrenzt.
Die Umwandlung läuft in einem Hintergrund-Worker in diesem Tab; die Seite bleibt bedienbar, und Abbrechen beendet den Vorgang. Die CSV-Datei wird nie an einen Server gesendet.
Beispiel
Eine Bestellliste mit einem kaufmännischen Und, einem Apostroph, Anführungszeichen und HTML in einem zweizeiligen Kommentar, umgewandelt mit den Standardeinstellungen (Nur Tabelle, gestaltet, Zeilenumbrüche angezeigt). qty besteht nur aus Zahlen, daher erhalten diese Zellen class="num".
id,product,qty,comment 0042,Fish & Chips,2,"<b>Extra</b> vinegar no salt" 0043,"O'Brien's ""Stout""",12,
<table class="csv-table">
<thead>
<tr>
<th scope="col">id</th>
<th scope="col">product</th>
<th scope="col">qty</th>
<th scope="col">comment</th>
</tr>
</thead>
<tbody>
<tr>
<td dir="auto">0042</td>
<td dir="auto">Fish & Chips</td>
<td class="num" dir="auto">2</td>
<td dir="auto"><b>Extra</b> vinegar<br>no salt</td>
</tr>
<tr>
<td dir="auto">0043</td>
<td dir="auto">O'Brien's "Stout"</td>
<td class="num" dir="auto">12</td>
<td dir="auto"></td>
</tr>
</tbody>
</table>Fragen und Antworten
Kann ich die Ausgabe bedenkenlos in meine Website einfügen?
Die Daten können kein Markup einschleusen: Jeder Wert, jede Überschrift und die Beschriftung werden HTML-maskiert, und kein Wert landet je in einem Attribut. Die einzigen Tags in der Ausgabe sind die Tabellenelemente, die der Konverter selbst schreibt.
Warum steht auf der Seite lang="de" statt lang="en"?
Eine vollständige Seite übernimmt ihre Sprachangabe aus der Sprache der Website, die Sie gerade verwenden – hier also Deutsch. Ändern Sie das Attribut lang nach dem Herunterladen, wenn Ihre Daten in einer anderen Sprache vorliegen.
Kann ich die HTML-Tabelle sortieren oder filtern?
Die Ausgabe ist eine statische Tabelle ohne Skripte. Sortieren oder filtern Sie die Daten zuerst mit CSV sortieren oder CSV filtern und wandeln Sie sie dann um.