ファイル変換ツール

CSV・HTMLテーブル変換ツール

CSV形式のテキストを入力し、Webページ用のHTMLテーブルコードへ変換します。1行目をヘッダーとして扱う設定やクラス名の指定にも対応しています。

ツールを実行

CSV形式のテキストデータを、Webページやドキュメントにそのまま貼り付けて利用できるHTMLテーブルタグへ変換するオンラインツールです。入力したCSVの1行目を表見出し(th要素)として扱うか、通常のデータ行(td要素)として扱うかを切り替えられます。また、生成されるtableタグに付与するCSSクラス名も指定可能です。各セルのテキストや指定したクラス名はHTMLエスケープ処理されるため、特殊文字を含むデータも安全に出力されます。列数が異なる行が含まれている場合は、最大列数に合わせて自動的に空セルが補完されます。入力欄が空の場合は空のHTMLコードが出力されます。

使い方

  1. 「CSVテキスト」欄に対象のCSVデータを貼り付けるか入力します。
  2. 先頭行を見出しとして扱う場合は「ヘッダーあり」を有効にし、すべての行をデータ行にする場合は無効にします。
  3. 必要に応じて「テーブルクラス」欄に適用したいCSSクラス名を入力します。
  4. 変換を実行すると、生成されたHTMLテーブルタグと行数・列数が表示されます。

使用例

  • ヘッダー付きの社員名簿CSV(名前,部署,内訳)を入力し、「ヘッダーあり」を有効にして変換すると、1行目がthタグ、以降がtdタグのHTMLテーブルとして生成されます。
  • クラス名に「custom-table」を指定して3列の数値データを変換すると、tableタグにclass="custom-table"が付与されたHTMLが出力されます。

よくある質問

1行目を通常のデータ行として出力したい場合はどうすればよいですか?

「ヘッダーあり」のチェックを外して変換を実行してください。先頭行も含めすべての行がtd要素として出力されます。

行ごとに列数が揃っていないCSVを入力した場合はどうなりますか?

最も列数が多い行に合わせてデータ行に空セルが自動挿入され、全体の表構造が揃えられます。

セル内にHTMLタグや特殊文字が含まれている場合はそのまま出力されますか?

特殊文字はHTMLエスケープ処理されて出力されるため、意図しないタグ展開を防ぎ安全に表示できます。

このツールを埋め込む

以下のコードを使って、SmartPlusLab のツールをウェブサイトに追加できます。