LocalTools离线浏览器工具合集

分类: 开发工具

HTML 表格生成器

站方自主规划没找到想要的工具？

根据简单的文本生成经过转义的 HTML 表格标记

输入以逗号分隔的表头单元格，并逐行输入以逗号分隔的数据行，即可生成 HTML 表格标记，还可以选填一个 CSS 类名。每个单元格的值都会经过 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>

本页的所有处理都在浏览器中完成，不会上传任何内容。

这个工具能做什么

有时你只是需要一个小小的 HTML 表格，手动编写标记反而比直接输入数据更慢。这个工具接受一行以逗号分隔的表头，以及每行一条、以逗号分隔的数据行，对每个单元格进行转义，使文本中的 `<` 或 `&` 等字符不会被读作标记，并输出带有可选 CSS 类名的 `<table>`：提供了表头时生成 `<thead>`，数据行放在 `<tbody>` 中。

使用方法

  1. 输入用逗号分隔的表头单元格，留空则生成没有表头的表格。
  2. 逐行输入数据行，单元格之间用逗号分隔。
  3. 可选地设置一个 CSS 类名，然后复制生成的 HTML。

隐私说明

本工具完全在你的浏览器中运行。输入的内容不会被上传、保存或分享，关闭标签页即随之消失。

常见问题

我的数据会被上传吗？
不会。HTML 是在页面运行的 JavaScript 中生成的，你输入的内容不会离开你的设备。
生成的 HTML 可以安全地粘贴进页面吗？
每个单元格的值在写入标记之前都会经过 HTML 转义，因此文本中的 `<`、`&` 和 `"` 等字符不会被解读为标签或属性。
可以生成没有表头行的表格吗？
可以。留空表头字段，表格就只会生成 `<tbody>`，不会有 `<thead>`。

返回全部工具