Kategorie: Entwicklung
CSV zu HTML-Tabelle
CSV in eine escapte HTML-Tabelle umwandeln
Fügen Sie CSV-, semikolon-, tabulator- oder pipe-getrennte Daten ein und erzeugen Sie HTML-Tabellen-Markup, mit der Option, die erste Zeile als Kopfzeile darzustellen. Jeder Zellwert wird HTML-escaped. Läuft vollständig in Ihrem Browser.
Eine Tabelle mit 2 Zeile(n) in Ihrem Browser erzeugt.
<table>
<thead>
<tr><th>name</th><th>score</th><th>team</th></tr>
</thead>
<tbody>
<tr><td>Ava</td><td>92</td><td>Blue</td></tr>
<tr><td>Noah</td><td>88</td><td>Green</td></tr>
</tbody>
</table>Alles auf dieser Seite wird in Ihrem Browser verarbeitet. Nichts wird hochgeladen.
Wozu dieses Werkzeug dient
Einen CSV-Export als HTML-Tabelle zu veröffentlichen bedeutet meist, das `<table>`-, `<tr>`- und `<td>`-Markup von Hand zu schreiben, was mühsam ist und leicht schiefgeht, wenn eine Zelle Zeichen wie `<` oder `&` enthält. Dieses Werkzeug parst die eingefügten getrennten Daten, escaped jeden Zellwert, sodass er niemals als Markup missverstanden werden kann, und schreibt eine `<table>` mit einer `<thead>`-Zeile für die Kopfzeile, falls gewünscht, und einem `<tbody>` für den Rest.
So funktioniert es
- CSV oder getrennte Daten einfügen oder das Beispiel laden.
- Das Trennzeichen wählen und angeben, ob die erste Zeile eine Kopfzeile ist.
- Das erzeugte HTML-Tabellen-Markup kopieren.
Datenschutz
Dieses Werkzeug läuft vollständig in Ihrem Browser. Ihre Eingabe wird nie hochgeladen, gespeichert oder weitergegeben – beim Schließen des Tabs ist sie weg.
Häufig gestellte Fragen
- Werden meine Daten irgendwohin hochgeladen?
- Nein. Das Parsen und die HTML-Erzeugung erfolgen in JavaScript auf der Seite, sodass nichts, was Sie einfügen, Ihr Gerät verlässt.
- Ist das HTML sicher zum Einfügen in eine Seite?
- Jeder Zellwert wird HTML-escaped, bevor er in das Markup geschrieben wird, sodass Zeichen wie `<`, `&` und `"` in Ihren Daten niemals als Tags oder Attribute interpretiert werden können.
- Was, wenn meine Daten keine Kopfzeile haben?
- Schalten Sie die Kopfzeilen-Option aus; jede Zeile wird dann als einfache `<td>`-Zeile innerhalb von `<tbody>` geschrieben, ganz ohne `<thead>`.