LocalTools離線瀏覽器工具合集

分類: 開發工具

CSV 轉 HTML 表格工具

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

把 CSV 轉換成已轉義的 HTML 表格

貼上 CSV、分號、定位字元或直線分隔的資料，即可產生 HTML 表格標記，並可選擇將第一列作為標題列。每個儲存格的值都會經過 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>

本頁的所有處理都在瀏覽器中完成，不會上傳任何內容。

這個工具能做什麼

要把 CSV 匯出檔發佈成 HTML 表格，通常得手動撰寫 `<table>`、`<tr>` 與 `<td>` 標記，當儲存格中含有 `<` 或 `&` 之類的字元時，這件事既繁瑣又容易出錯。這個工具會解析你貼上的分隔資料，轉義每個儲存格的值以確保絕不會被誤判為標記，並在你選擇需要標題列時輸出含 `<thead>` 的 `<table>`，其餘資料則放在 `<tbody>` 中。

使用方式

  1. 貼上 CSV 或其他分隔資料，或載入範例。
  2. 選擇分隔符號，以及第一列是否為標題列。
  3. 複製產生的 HTML 表格標記。

隱私說明

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

常見問題

我的資料會被上傳嗎？
不會。解析與 HTML 產生在頁面中執行的 JavaScript 內完成，你貼上的內容不會離開你的裝置。
產生的 HTML 貼到頁面裡安全嗎？
每個儲存格的值在寫入標記前都會先經過 HTML 轉義，因此資料中的 `<`、`&` 與 `"` 等字元不會被解讀成標籤或屬性。
如果我的資料沒有標題列怎麼辦？
關閉標題列開關即可；這樣每一列都會以純粹的 `<td>` 列寫在 `<tbody>` 中，完全不含 `<thead>`。

回到全部工具