CSV 转 HTML 表格

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

CSV → HTML 表格转换器

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

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

表格渲染预览

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

适用场景

  • 数据导入:把 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" 等。多个类名用空格分隔。