HOME

テキスト表を html テーブルに変換(セル結合可)

2016-5-25(Wed)

テキストの表を html の表に変換するよ。↓や→を使うと、セルの結合がある表を作れるぞ。連続する 2 つ以上のスペースがデリミタ。タブは 2 つのスペースと等価。#で始まるセルは th 要素に。(詳細

テキストの表を HTML のテーブルに変換しよう


次の URL の CSS ファイルを使ってプレビュー(改行で区切って列挙可)

詳細

①デリミタ

2 つ以上の連続したスペースがデリミタ。タブは 2 つの連続したスペースと等価(つまり、Excel からコピペできるってこと)。スペースをエスケープする手段はない(だって、html なんだし困らないじゃん)。

Joseph Hayden   Joseph   Hayden

②左のセルと結合

あ  →  →
い  う  え

③上のセルと結合

あ  い
↓  う
↓  え

④ 2x2 以上のセル

→の左のセルが↓ではいけない。↓の上のセルが→ではいけない。+ だけのセルは無視されるので、詰め物に使える。

あ  い  う  え
お  か  →  →
き  ↓  +   +

⑤ th 要素

先頭の # は削除され、そのセルは th となる。

#あ  #い  #う
#え   お   か 
#き   く   け

⑥空白セル

セル先頭のピリオドは削除される。これを用いて、空白セルが作れる。

.   あ
い  う

⑦制御文字のエスケープ

→↓+ だけのセル、# やピリオドで始まるセルを作るためにはピリオドを使う。

.→  .↓  .+  .#  ..

(なお #. は、ピリオドだけ入った th 要素となる)

Follow @kabipanotoko