TextArray
100% lokálně

CSV do HTML tabulky

Proměňte CSV data v čistý kód HTML tabulky s thead, tbody a ošetřenými buňkami.

Vstup
Výstup

CSV do HTML tabulky

Vložte CSV data a dostanete čistou HTML tabulku — thead z hlavičkového řádku, tbody s jedním tr na každý záznam a přehledné odsazení dvěma mezerami, které vložíte rovnou do šablony. Typické použití: zveřejnění exportu z tabulkového editoru na webové stránce, vložení tabulky do obsahu v redakčním systému, kde vizuální editor vložené buňky poškodí, příprava HTML e-mailu, kde jsou tabulky pořád jediným rozvržením fungujícím všude, nebo doplnění referenčních dat do dokumentace.

Oddělovač nechte na automatickém rozpoznání: nástroj se podívá na vzorek dat a vybere znak, u kterého vycházejí řádky nejvyrovnaněji, takže čárka, středník, tabulátor i svislá čára fungují bez nastavování. Pole v uvozovkách zpracuje podle RFC 4180 — pole smí obsahovat oddělovač, zdvojené uvozovky "" i zalomení řádku, které se zapíše jako značka br, aby záznam zůstal jedním řádkem tabulky. Záznamy s chybějícími buňkami se doplní prázdnými buňkami na šířku nejširšího řádku, takže tabulka nikdy nebude děravá.

Každá buňka je ošetřena — ampersandy, špičaté závorky a uvozovky se zapíší jako entity — takže zbloudilý znak < v datech nikdy nerozbije stránku ani do ní nepropašuje vlastní značky. Volba „První řádek jsou hlavičky" udělá z prvního záznamu buňky th; po vypnutí budou všechny řádky obyčejné td. Základní orámování přidá před tabulku malý blok CSS s tenkými linkami a obalí ji kontejnerem, který se na úzkých obrazovkách posouvá do stran; volba „Pouze značky" nechává vzhled na vašich stylech.

Všechno běží ve vašem prohlížeči a data nikdy neopustí vaše zařízení, takže i export se zákaznickými údaji je bezpečné převést. Hotový kód zkopírujte, stáhněte jako soubor .txt nebo vložte rovnou do stránky.

Časté dotazy

Jaké oddělovače umí načíst?
Čárku, středník, tabulátor i svislou čáru, ve výchozím nastavení s automatickým rozpoznáním: nástroj se podívá na vzorek dat a vybere znak, u kterého vycházejí řádky nejvyrovnaněji. Když se odhad netrefí, vyberte oddělovač ručně.
Je obsah buněk ošetřen?
Ano. Ampersandy, špičaté závorky a uvozovky se zapíší jako HTML entity, takže data nikdy nevloží do stránky vlastní značky. Zalomení řádku uvnitř pole v uvozovkách se zapíše jako značka br, aby záznam zůstal jedním řádkem tabulky.
Co přidá základní orámování?
Malý blok CSS s tenkými linkami přes border-collapse a odsazením buněk, plus obalový div, který se na úzkých obrazovkách posouvá do stran. Názvy tříd mají předponu ta-table, takže nekolidují s vaším CSS. Volba „Pouze značky" tohle všechno vynechá.
Co se stane s řádky, kde chybějí buňky?
Kratší záznamy se doplní prázdnými buňkami td na šířku nejširšího řádku, takže vygenerovaná tabulka má vždy obdélníkový tvar.
Nahrávají se moje data někam?
Ne. Převod běží výhradně ve vašem prohlížeči a vaše CSV nikdy neopustí vaše zařízení.