LocalToolsオフラインブラウザツール集

カテゴリー: 開発ツール

HTMLテーブルジェネレーター

サイト側で企画したツールツールが見つからない？

簡単なテキストからエスケープ済みのHTMLテーブルのマークアップを作成

カンマ区切りのヘッダーセルと、1行に1つずつカンマ区切りの行データを入力してHTMLテーブルのマークアップを生成します。CSSクラス名の指定も可能です。すべてのセルの値はHTMLエスケープされます。すべてブラウザ内で完結します。

ブラウザ内で2行の表を生成しました。

HTML
<table>
  <thead>
    <tr><th>Name</th><th>Score</th><th>Team</th></tr>
  </thead>
  <tbody>
    <tr><td>Ava</td><td>92</td><td>Blue</td></tr>
    <tr><td>Noah</td><td>88</td><td>Green</td></tr>
  </tbody>
</table>

このページの処理はすべてブラウザ内で行われます。アップロードは一切ありません。

このツールでできること

ちょっとしたHTMLテーブルが欲しいだけのときは、マークアップを手で書くよりデータを入力するほうが早いことがあります。このツールはカンマ区切りのヘッダー行と、1行に1レコードずつのカンマ区切りデータを受け取り、テキスト内の`<`や`&`のような文字がマークアップとして読み取られないようすべてのセルをエスケープしたうえで、任意のCSSクラス名を付けた`<table>`を、ヘッダーを指定した場合は`<thead>`を、行データには`<tbody>`を書き出します。

使い方

  1. ヘッダーセルをカンマ区切りで入力するか、ヘッダーなしのテーブルにする場合は空欄のままにします。
  2. 1行に1レコードずつ、セルをカンマ区切りで入力します。
  3. 必要に応じてCSSクラス名を設定し、生成されたHTMLをコピーします。

プライバシー

このツールはすべてブラウザ内で動作します。入力した内容がアップロード・保存・共有されることはなく、タブを閉じれば消えます。

よくある質問

データはどこかにアップロードされますか。
いいえ。HTMLの生成はページ内で動作するJavaScriptで行われるため、入力した内容が端末の外に出ることはありません。
生成されたHTMLはページに貼り付けても安全ですか。
すべてのセルの値はマークアップに書き込まれる前にHTMLエスケープされるため、テキスト内の`<`、`&`、`"`のような文字がタグや属性として解釈されることはありません。
ヘッダー行のないテーブルを生成できますか。
はい。ヘッダー欄を空のままにすると、`<thead>`なしで`<tbody>`のみのテーブルが生成されます。

すべてのツールに戻る