分类: 开发工具

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>`。