CSV 转 HTML 表格

将 CSV 数据转换为 HTML 表格代码，支持自定义分隔符、引号字符、表头识别、HTML 实体转义，正确处理引号转义与多行字段

CSV → HTML 表格转换器

粘贴 CSV 文本，实时输出 HTML 表格代码与渲染预览

0 行 / 0 字符
等待输入...

表格渲染预览

粘贴 CSV 后将在此显示表格预览...
广告位

使用说明

  1. 将 CSV 文本粘贴到左侧输入框，右侧实时输出 HTML 表格代码与渲染预览
  2. 选择分隔符：逗号、分号、Tab、竖线或自定义字符，需匹配 CSV 的实际分隔符
  3. 选择引号字符：双引号（默认）、单引号或无，引号用于包裹含分隔符或多行的字段
  4. "首行作为表头"开启时第一行放入 thead，关闭时所有行均放入 tbody
  5. "转义 HTML 实体"开启时字段中的 < > & " 会被转为实体，防止 XSS 与显示错乱
  6. "包含 thead/tbody"关闭时输出极简的 <table><tr><td> 结构
  7. "表格类名"可填 Bootstrap 等类名（如 table table-striped table-bordered）便于直接复用
  8. 正确处理 CSV 中的引号转义（"hello, ""world""" → hello, "world"）与多行字段

适用场景

  • 数据导入：把 Excel 导出的 CSV 转为 HTML 表格嵌入网页
  • 邮件报表：将数据表格快速生成 HTML 用于邮件正文
  • 报表展示：日志、监控数据转为表格便于浏览
  • 教学示例：快速生成 HTML 表格代码用于教学演示
  • 数据迁移：CSV → HTML → 进一步转 Markdown / PDF

安全保障

  • 本地处理：CSV 解析与表格生成全部在浏览器本地完成
  • XSS 防护：默认转义 HTML 实体，避免恶意脚本注入
  • 隐私保护：数据不会上传到任何服务器
  • 免费使用：无需注册，无使用次数限制

常见问题

CSV 中的引号转义是怎么处理的？

遵循 RFC 4180 标准：字段若包含分隔符、引号或换行，需用引号包裹；字段内的双引号通过重复两次来转义。例如 "hello, ""world""" 会被解析为 hello, "world"。本工具支持双引号、单引号两种引号字符，可在选项中切换。

支持含换行的多行字段吗？

支持。CSV 中引号包裹的字段可以包含换行符，本工具会完整保留并在表格单元格中以 <br> 形式展示。在 HTML 输出中多行字段会保持为单元格内的换行（<br>），便于在网页上正确显示。

为什么我的表格预览显示乱码？

通常是因为分隔符选择错误。Excel 在中文环境导出的 CSV 默认使用分号 ; 作为分隔符，请尝试切换分隔符；如果数据来自其他系统，可能是 Tab 分隔。可以在选项中切换分隔符并查看预览效果是否符合预期。

表格类名怎么填写？

类名会写入 <table class="..."> 中。例如使用 Bootstrap 4/5 时可填 "table table-striped table-bordered table-hover" 获得斑马纹、边框、悬停效果；使用 Tailwind 时可填 "min-w-full divide-y divide-gray-200" 等。多个类名用空格分隔。