LocalTools離線瀏覽器工具合集

分類: 開發工具

HTML 表格產生器

站方自行規劃沒找到想要的工具？

從簡單的文字建立已轉義的 HTML 表格標記

輸入以逗號分隔的標題儲存格，並逐行輸入以逗號分隔的資料列，即可產生 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 表格，而手動輸入標記反而比直接輸入資料還慢。這個工具會讀取一行以逗號分隔的標題，以及逐行輸入、以逗號分隔的資料列，轉義每個儲存格以確保文字中的 `<` 或 `&` 等字元不會被解讀成標記，並輸出含選填 CSS 類別名稱的 `<table>`：有提供標題時包含 `<thead>`，資料列則放在 `<tbody>` 中。

使用方式

  1. 輸入以逗號分隔的標題儲存格，若不需要標題列則留空。
  2. 逐行輸入資料列，儲存格以逗號分隔。
  3. 可選填 CSS 類別名稱，然後複製產生的 HTML。

隱私說明

本工具完全在你的瀏覽器中執行。輸入的內容不會被上傳、儲存或分享，關閉分頁就隨之消失。

常見問題

我的資料會被上傳嗎？
不會。HTML 在頁面中執行的 JavaScript 內產生，你輸入的內容不會離開你的裝置。
產生的 HTML 貼到頁面裡安全嗎？
每個儲存格的值在寫入標記前都會先經過 HTML 轉義，因此文字中的 `<`、`&` 與 `"` 等字元不會被解讀成標籤或屬性。
可以產生沒有標題列的表格嗎？
可以。將標題欄位留空，表格就只會包含 `<tbody>`，不含 `<thead>`。

回到全部工具