TextArray
100% lokalnie

CSV na tabelę HTML

Zamień dane CSV w czysty kod tabeli HTML z thead, tbody i zabezpieczonymi komórkami.

Wejście
Wynik

CSV na tabelę HTML

Wklej dane CSV, a dostaniesz czystą tabelę HTML — thead z wiersza nagłówków, tbody z jednym tr na każdy rekord i przejrzyste wcięcia dwiema spacjami, które od razu pasują do szablonu. Typowe zastosowania: opublikowanie eksportu z arkusza na stronie internetowej, dodanie tabeli do treści w CMS-ie, gdzie edytor wizualny psuje wklejane komórki, budowa e-maila HTML, w którym tabele wciąż są jedynym układem działającym wszędzie, albo wstawienie danych referencyjnych do dokumentacji.

Zostaw separator na wykrywaniu automatycznym: narzędzie przegląda próbkę danych i wybiera znak, przy którym wiersze wychodzą najbardziej równo, więc przecinek, średnik, tabulator i pionowa kreska działają bez ustawiania. Pola w cudzysłowie obsługuje zgodnie z RFC 4180 — pole może zawierać separator, podwojone cudzysłowy "" i nawet złamania wiersza, które zostaną zapisane jako znacznik br, żeby rekord pozostał jednym wierszem tabeli. Rekordy z brakującymi komórkami są dopełniane pustymi komórkami do szerokości najszerszego wiersza, więc tabela nigdy nie jest postrzępiona.

Każda komórka jest zabezpieczona — ampersandy, nawiasy ostre i cudzysłowy stają się encjami — więc zabłąkany znak < w danych nigdy nie rozbije strony ani nie przemyci własnych znaczników. Opcja „Pierwszy wiersz to nagłówki" zamienia pierwszy rekord w komórki th; po jej wyłączeniu wszystkie wiersze będą zwykłymi td. Podstawowe obramowanie dodaje przed tabelą mały blok CSS z cienkimi liniami i owija ją kontenerem, który na wąskich ekranach przewija się w poziomie; „Tylko znaczniki" zostawia wygląd twoim stylom.

Wszystko działa w twojej przeglądarce, a dane nigdy nie opuszczają urządzenia, więc nawet eksport z danymi klientów można bezpiecznie przekonwertować. Gotowy kod skopiuj, pobierz jako plik .txt albo wklej prosto na stronę.

Częste pytania

Jakie separatory potrafi wczytać?
Przecinek, średnik, tabulator i pionową kreskę, domyślnie z automatycznym wykrywaniem: narzędzie przegląda próbkę danych i wybiera znak, przy którym wiersze wychodzą najbardziej równo. Gdy wykrywanie się pomyli, wybierz separator ręcznie.
Czy zawartość komórek jest zabezpieczona?
Tak. Ampersandy, nawiasy ostre i cudzysłowy stają się encjami HTML, więc dane nigdy nie wstrzykną własnych znaczników na stronę. Złamanie wiersza wewnątrz pola w cudzysłowie staje się znacznikiem br, dzięki czemu rekord pozostaje jednym wierszem tabeli.
Co dodaje podstawowe obramowanie?
Mały blok CSS z cienkimi liniami przez border-collapse i odstępami w komórkach oraz div opakowujący, który na wąskich ekranach przewija się w poziomie. Nazwy klas mają przedrostek ta-table, więc nie kolidują z twoim CSS. „Tylko znaczniki" pomija to wszystko.
Co dzieje się z wierszami, w których brakuje komórek?
Krótsze rekordy są dopełniane pustymi komórkami td do szerokości najszerszego wiersza, więc wygenerowana tabela zawsze ma prostokątny kształt.
Czy moje dane są gdzieś wysyłane?
Nie. Konwersja działa wyłącznie w twojej przeglądarce, a twój CSV nigdy nie opuszcza urządzenia.