| name | role | city |
|---|---|---|
| Ada | Engineer | London |
| Lee, Wu | Designer | Shanghai |
| Kofi | Data, Analytics | Accra |
<table style="border-collapse:collapse">
<thead>
<tr>
<th scope="col" style="border:1px solid #ccc;padding:6px 10px;text-align:left;background:#f2f2f2">name</th>
<th scope="col" style="border:1px solid #ccc;padding:6px 10px;text-align:left;background:#f2f2f2">role</th>
<th scope="col" style="border:1px solid #ccc;padding:6px 10px;text-align:left;background:#f2f2f2">city</th>
</tr>
</thead>
<tbody>
<tr>
<td style="border:1px solid #ccc;padding:6px 10px">Ada</td>
<td style="border:1px solid #ccc;padding:6px 10px">Engineer</td>
<td style="border:1px solid #ccc;padding:6px 10px">London</td>
</tr>
<tr>
<td style="border:1px solid #ccc;padding:6px 10px">Lee, Wu</td>
<td style="border:1px solid #ccc;padding:6px 10px">Designer</td>
<td style="border:1px solid #ccc;padding:6px 10px">Shanghai</td>
</tr>
<tr>
<td style="border:1px solid #ccc;padding:6px 10px">Kofi</td>
<td style="border:1px solid #ccc;padding:6px 10px">Data, Analytics</td>
<td style="border:1px solid #ccc;padding:6px 10px">Accra</td>
</tr>
</tbody>
</table>每个单元格都做了 HTML 转义,像 <script> 这样的值只按文本显示,不会执行。内联样式贴进 Gmail 或 CMS 也不丢;class 钩子让源码好套主题。
这个工具能做什么
CSV 转 HTML 表格把表格导出、数据库导出或一段逗号分隔的行,变成可 直接用的 HTML <table>。解析按 RFC 4180 规则走,所以用引号括起来的 单元格会保留里面的逗号、转义的 "" 引号,连字段里的换行也不会丢。一个 开关就能把首行变成 <thead><th>;导出不是逗号分隔时,分隔符可切到 分号、Tab 或竖线;输出要不要带 class 钩子接你自己的样式表、要不要 加基础内联边框,都自己定。每个单元格都做 HTML 转义,像 <script> 这样的值会按文本显示,不会被当代码执行。渲染好的表格和源码并排摆, 一键复制,整件事都在本地完成,不上传。
工具细节
- 输入
- 文本 + 结构化内容
- 页面会根据工具类型展示文本框、数值控件、文件选择或结构化输入。
- 输出
- 即时结果 + 复制 + 预览
- 结果区优先给出可操作结果，支持项会显示复制、下载或可视化预览。
- 隐私
- 浏览器本地处理
- 主工具逻辑未发现外部 API 调用，输入通常留在当前标签页内处理。
- 保存 / 分享
- 可分享链接状态
- 关键设置会进入 URL，复制链接后别人能复现同一组参数。
- 性能预算
- 首屏 JS ≤ 9 KB
- 没有声明 WASM 依赖，适合快速打开和移动端使用。
- 适用场景
- 格式转换 · 程序员
- 分类和职业标签用于推荐相关工具、组织内链，并帮助用户快速判断是否适合当前任务。
怎么用
-
1. 输入
把内容粘贴或拖入工具面板。
-
2. 处理
点击按钮,在浏览器内本地处理,文件不上传。
-
3. 复制 / 下载
一键复制结果或下载到本地。
CSV 转 HTML 表格 适合怎么用
适合把内容从一种实际格式转成另一种可用格式。
适合转换的任务
- 把粘贴内容或本地文件转成更适合交付的格式。
- 放进大流程前,先预览转换结果是否可靠。
- 修正常见格式不匹配,不用打开完整编辑器。
转换检查项
- 源格式比较乱时,先拿一小段试转。
- 转换后检查编码、分隔符和换行符。
- 结果确认前保留原始内容。
下一步可以接着做
这些入口会把当前任务接到更完整的工具链里。
真实使用场景
把数据表塞进只收 HTML 的 CMS 文章
你在一个只认 HTML 的 CMS 里写文章,数据却躺在表格软件里。把那段 区域导出成 CSV,粘到这里,打开表头开关,再开内联样式让边框在 编辑器里也保得住,然后把源码直接复制进正文。不用再去接外部样式表, 也不用手敲四十个 <td>。
在 HTML 邮件里渲染一份临时报表
客服丢给你一份上周工单数的 CSV,你要把它放进一封状态邮件里。邮件 客户端会剥掉 <style> 块,所以你打开内联样式,粘上 CSV,表格出来 时边框和内边距已经写进每个单元格。它在 Gmail、Outlook 和 Apple Mail 里长得一样,因为不依赖任何外部 CSS。
给测试或文档生成表格示例
开发要给组件 story 或文档片段配一个示例 <table>。敲几行 CSV, 选 class 选项让源码干净又好套主题,把结果复制进代码库。输出是 带 <thead>、<tbody> 和已转义单元格的纯语义 HTML,不用过格式化 工具就能直接贴。
转换欧洲表格软件的分号导出文件
很多地区的表格软件用分号分隔导出,因为逗号在那里是小数点。把 分隔符切到分号,粘上文件,工具就能正确拆列,而不是把整行挤进 一个单元格。从 Excel 复制出来的 Tab 分隔内容也是同样的处理方式。
常见踩坑
CSV 没有表头行却开着表头开关。第一行真实数据会被提成加粗的 <th> 单元格,从正文里消失。如果第一行本来就是数据,把开关关掉,让每行都留作普通 <td> 行。
给导出文件选错分隔符。分号或 Tab 文件按逗号解析,会把每行都塞进一个单元格。先看一眼原始文本,把分隔符切成真正分隔列的那个字符。
以为单元格里的原始 HTML 会被渲染。单元格内容是特意转义的,所以 <b>bold</b> 显示的是字面标签文本,不是加粗效果。转义是防注入的安全设计。要从零搭一个带样式的表格,改用 HTML 表格生成器。
隐私说明
解析和 HTML 生成都是浏览器标签页里运行的纯 JavaScript。你粘进来的 CSV、预览的表格和复制走的源码都不离开页面,也不做任何记录。这里 也没有分享链接的顾虑:输入不会写进网址,所以哪怕是很长的导出文件 也完全留在你这次会话的本地。
常见问题
类似工具组合
做你这行的人, 还会一起用这些。