Kategorie: Entwicklung
HTML-Tabellen-Generator
Escaptes HTML-Tabellen-Markup aus einfachem Text erstellen
Geben Sie kommagetrennte Kopfzellen und eine kommagetrennte Zeile pro Datenzeile ein, um HTML-Tabellen-Markup zu erzeugen, mit optionalem CSS-Klassennamen. 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
Manchmal braucht man einfach nur eine kleine HTML-Tabelle, und das Markup von Hand zu tippen ist langsamer, als die Daten einzugeben. Dieses Werkzeug nimmt eine kommagetrennte Kopfzeile und eine kommagetrennte Zeile pro Datenzeile, escaped jede Zelle, sodass Zeichen wie `<` oder `&` in Ihrem Text nicht als Markup gelesen werden können, und schreibt eine `<table>` mit optionalem CSS-Klassennamen, einem `<thead>`, wenn Sie Kopfzeilen angeben, und einem `<tbody>` für die Zeilen.
So funktioniert es
- Kopfzellen durch Komma getrennt eingeben oder leer lassen für eine Tabelle ohne Kopfzeile.
- Eine Zeile pro Datenzeile eingeben, mit durch Komma getrennten Zellen.
- Optional einen CSS-Klassennamen festlegen und dann das erzeugte HTML 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 HTML wird in JavaScript auf der Seite erzeugt, sodass nichts, was Sie eingeben, Ihr Gerät verlässt.
- Ist das erzeugte 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 Ihrem Text niemals als Tags oder Attribute interpretiert werden können.
- Kann ich eine Tabelle ohne Kopfzeile erzeugen?
- Ja. Lassen Sie das Kopfzeilenfeld leer, dann wird die Tabelle nur mit einem `<tbody>` geschrieben, ganz ohne `<thead>`.