TextArray
100% lokálne

CSV na HTML tabuľku

Premeňte CSV dáta na čistý kód HTML tabuľky s thead, tbody a ošetrenými bunkami.

Vstup
Výstup

CSV na HTML tabuľku

Vložte CSV dáta a dostanete čistú HTML tabuľku — thead z hlavičkového riadku, tbody s jedným tr na každý záznam a prehľadné odsadenie dvomi medzerami, ktoré môžete rovno vložiť do šablóny. Typické použitie: zverejnenie exportu z tabuľkového editora na webovej stránke, vloženie tabuľky do obsahu v redakčnom systéme, kde vizuálny editor vložené bunky poškodí, príprava HTML e-mailu, kde sú tabuľky stále jediným rozložením fungujúcim všade, alebo doplnenie referenčných dát do dokumentácie.

Oddeľovač nechajte na automatickom rozpoznaní: nástroj si prezrie vzorku dát a vyberie znak, pri ktorom riadky vychádzajú najkonzistentnejšie, takže čiarka, bodkočiarka, tabulátor aj zvislá čiara fungujú bez nastavovania. Polia v úvodzovkách spracuje podľa RFC 4180 — pole môže obsahovať oddeľovač, zdvojené úvodzovky "" aj zalomenie riadku, ktoré sa zapíše ako značka br, aby záznam ostal jedným riadkom tabuľky. Záznamy s chýbajúcimi bunkami sa doplnia prázdnymi bunkami na šírku najširšieho riadku, takže tabuľka nikdy nebude deravá.

Každá bunka je ošetrená — ampersandy, špicaté zátvorky a úvodzovky sa zapíšu ako entity — takže zblúdilý znak < v dátach nikdy nerozbije stránku ani do nej neprepašuje vlastné značky. Voľba „Prvý riadok sú hlavičky" spraví z prvého záznamu bunky th; po vypnutí budú všetky riadky obyčajné td. Základné orámovanie pridá pred tabuľku malý blok CSS s tenkými čiarami a obalí ju kontajnerom, ktorý sa na úzkych obrazovkách posúva do strán; voľba „Iba značky" necháva vzhľad na vašich štýloch.

Všetko beží vo vašom prehliadači a dáta nikdy neopustia vaše zariadenie, takže aj export so zákazníckymi údajmi je bezpečné previesť. Hotový kód skopírujte, stiahnite ako .txt súbor alebo rovno vložte do stránky.

Časté otázky

Aké oddeľovače dokáže načítať?
Čiarku, bodkočiarku, tabulátor aj zvislú čiaru, predvolene s automatickým rozpoznaním: nástroj si prezrie vzorku dát a vyberie znak, pri ktorom vychádzajú riadky najkonzistentnejšie. Ak sa odhad netrafí, vyberte oddeľovač ručne.
Je obsah buniek ošetrený?
Áno. Ampersandy, špicaté zátvorky a úvodzovky sa zapíšu ako HTML entity, takže dáta nikdy nevložia do stránky vlastné značky. Zalomenie riadku vnútri poľa v úvodzovkách sa zapíše ako značka br, aby záznam ostal jedným riadkom tabuľky.
Čo pridá základné orámovanie?
Malý blok CSS s tenkými čiarami cez border-collapse a odsadením buniek, plus obaľovací div, ktorý sa na úzkych obrazovkách posúva do strán. Názvy tried majú predponu ta-table, takže nekolidujú s vaším CSS. Voľba „Iba značky" toto všetko vynechá.
Čo sa stane s riadkami, kde chýbajú bunky?
Kratšie záznamy sa doplnia prázdnymi bunkami td na šírku najširšieho riadku, takže vygenerovaná tabuľka má vždy obdĺžnikový tvar.
Nahrávajú sa moje dáta niekam?
Nie. Prevod beží výhradne vo vašom prehliadači a vaše CSV nikdy neopustí vaše zariadenie.