CSV → HTML の表

CSV を HTML の表に。
div の格子ではなく、意味のある表に。

1 行目は scope 属性付きの本物の <thead> になります。だから読み上げソフトが表として読めます。

引用符の中のカンマ、セル内の改行、セミコロン区切りのヨーロッパ式の書き出しにも対応します。

ここにファイルを落としてください。

ボタンから選んでも、Ctrl+V で貼り付けても構いません。何十個まとめてでも大丈夫です。

.csv .tsv .txt / 1 ファイル 25 MB まで / ブラウザで処理、何も送信しません

ほかの形式は: .md .markdown .mdown MD → HTML · .docx .doc DOCX → HTML · .html .htm Google ドキュメント → HTML · .text テキスト → HTML · .xlsx Excel → 表 · .pdf docstomd.com

ここに貼り付けても構いません

出力
出力
字下げ
表の CSS
見出し行
区切り文字

使い方

  1. 01CSV を入力欄に貼るか、.csv・.tsv を上の枠に落としてください。どちらもブラウザの中で解析します。
  2. 02区切り文字は自動で判定します(カンマ、セミコロン、タブ、縦棒)。何が見つかったかはお知らせします。判定が外れたら手で指定してください。
  3. 031 行目を見出しにするか、レスポンシブ CSS を付けるかを決めて、HTML をコピーするかファイルとして保存してください。

対応していること

  • カンマ・セミコロン・タブ・縦棒区切りのファイル。自動判定でも手動指定でも
  • RFC 4180 の引用規則:引用符で囲んだ欄の中のカンマ、二重にした引用符、セル内の改行
  • 小数点にカンマを使う地域のセミコロン区切りの書き出し
  • 1 行目を <th scope="col"> 付きの <thead> にする、または見出しなし
  • ファイル先頭のバイト順マーク。最初の見出しにくっつかないよう取り除きます
  • 長さの違う行はいちばん長い行に合わせて埋め、そうしたことをお知らせします

できないこと

  • このバージョンでは UTF-8 のテキストのみ。他の文字コードは文字化けすることがあります
  • 1 回の実行で 100,000 セル、テキスト 25 MB まで
  • 値を解釈し直すことはありません。007 は 007 のまま、1-2 は 1-2 のままで、数値や日付にはなりません
  • 並べ替え、絞り込み、合計はしません。変換はしますが、計算はしません
  • 出力に JavaScript は入らないので、表は操作できません
  • 引用符が閉じていないような本当に壊れたファイルは、思わぬ場所で切れることがあります

よく届く質問

表形式のデータこそ、table 要素がある理由だからです。読み上げソフトは表の大きさを読み上げ、セル単位で移動でき、各セルと一緒に列見出しを読みます。div の格子ではどれもできません。検索エンジンもこれをデータとして読みます。見た目のために手放すほどのものではありません。

逆方向をお探しですか

DocsToMD は同じ道具を逆向きにしたものです。Word、PDF、Excel、HTML から Markdown へ。同じ作り、同じプライバシーの考え方、出力だけが逆です。

docstomd.com