Таблица CSV в HTML

Таблица CSV в HTML

Вставьте данные CSV и получите чистую HTML-таблицу — заголовок, созданный из строки заголовка, тело с одним tr на запись и аккуратный отступ в два пробела, который вставляется прямо в шаблон или проверку кода. Типичные задания: публикация экспорта электронной таблицы на веб-странице, добавление таблицы в контент CMS, где визуальный редактор искажает вставленные ячейки, создание электронного письма в формате HTML, где таблицы по-прежнему являются единственным макетом, который отображается повсюду, или добавление справочных данных в документацию.

Оставьте разделитель в режиме автоматического обнаружения, и инструмент выберет ваши данные и выберет символ, который создает наиболее согласованные строки, поэтому файлы с запятыми, точками с запятой, табуляциями и конвейерами преобразуются без настройки. Поля, заключенные в кавычки, соответствуют RFC 4180: поле, заключенное в двойные кавычки, может содержать разделитель, двойные кавычки "" и даже разрывы строк, которые отображаются как теги br, поэтому каждая запись по-прежнему отображается как одна строка. Записи с пропущенными ячейками дополняются до самой широкой строки, поэтому таблица никогда не бывает неровной.

Каждая ячейка экранируется HTML — амперсанды, угловые скобки и кавычки становятся сущностями — поэтому случайный < в данных никогда не сможет сломать страницу или перетащить туда разметку. «Первая строка — это заголовки» превращает первую запись в ячейки; выключите его, и каждая строка станет простой строкой td. Базовый стиль добавляет небольшой блок стиля с тонкими границами и помещает таблицу в контейнер, который прокручивается горизонтально на узких экранах; разметка оставляет только стиль вашему собственному CSS.

Все работает в вашем браузере, и данные никогда не покидают ваше устройство, поэтому экспортированные данные клиента можно безопасно конвертировать. Скопируйте разметку, загрузите ее в виде файла .txt или вставьте прямо на свою страницу.

FAQ