可视化表格转 HTML 工具:Tables Generator
HTML Tables generator – TablesGenerator.com
Free and easy to use online HTML Tables generator — enter table data and paste the generated code into your website
这款工具解决了我的两个问题:可视化编辑、不产生多余的样式。
这款工具允许你直接在网页上的编辑区域内编辑表格内容。并实时生成对应的 HTML。
想实现「3 列 2 行的合并单元格」表格,也变得异常简单。只需要拉一个表格,然后在网页上合并单元格,就可以直接拿到源码了。
如果你不需要它生成过多的样式,勾选上 Do not generate CSS
的选项,方便你进行二次编辑。
合并单元格的 HTML
如果已经有了一份现成的 Excel,也可以直接把 Excel 中的内容复制粘贴进去,就可以生成一份样式美观的表格。
如果你的表格样式比较复杂,像什么斑马纹、部分单元格没有边框之类的。Tables Generator 也会按照最小原则,自动生成有限的 class,对应不同的 CSS,来覆盖整张表格的样式。这可比 Excel 的做法聪明多了。
将简历表格转换为 HTML
除了方便开发者的 HTML 表格生成功能,Tables Generator 也提供了 LaTeX 和 Markdown 格式的表格生成功能。
尤其是 Markdown 的表格功能,是出了名的难用,但 Tables Generator 依然能给你生成一份合格的表格。只是 Markdown 本就不支持「合并单元格」之类的特性,所以只能做普通的表格。
总之,对于我生成 HTML 打印模板的需求来说,Tables Generator 已经算是完美解决了我的问题。
在线表格转换工具:TbaleConvert
讲完了 Tables Generator,接下来要讲的这个工具应该更受非开发者群体的欢迎。
在线表格转换工具 – 让表格转换变得更容易
此转换器用于将 Excel(或者其它电子表格应用程序) 转换为 Markdown 表格,也可以通过在线表格编辑器轻松的创建和生成 Markdown 表格
这款在线工具,可以完成更复杂的表格转换工作。
在我的日常使用中,这款工具起到的效果是和上面的工具是反过来的。也就是用来输入 HTML,将其转成其他格式,如 Excel 和 Markdown。
TbaleConvert
在很多网站上直接复制表格时,有时候会因为一两个空白的格子,导致复制到 Excel 里发生错行。但是如果直接复制 HTML 源码则更不容易出错。
从网页上直接抓取表格的 HTML 源码
所以我经常在网站上复制表格的 HTML 代码,放在 TbaleConvert 中转为 Markdown 格式,再保存进 Obsidian 的笔记中。
转换出的 Markdown 表格效果
在其他支持的格式中,SQL、JSON 和 CSV 也是开发者常常会用到的格式,尤其是 SQL 语句的转换效果着实不错,配合 generatedata.com 生成出来的 CSV 格式的假数据,很容易就能转换成批量写入的 SQL 语句。
表格转为 SQL 语句
可能有人会说,这款工具已经支持了 Excel 转换为 HTML,是不是没必要再推荐上面的 TbaleConvert 了?
在我实际体验中发现,尽管 TbaleConvert 也可以从 Excel 生成出 HTML,但是效果差了不少了,一方面不会保留 Excel 的样式,颜色、边框等都不会保留;另一方面不支持合并单元格,无法处理我遇到最多的场景。还是 Tables Generator 更适合开发者,用来生成 HTML 着实是最佳选择。
小结
关于表格的转换,一直是一个大难题。因为不同格式之间其实是有损转换,比如你想把 HTML 转为天生功能不全的 Markdown 表格,必然会损失大量信息。
因为 Excel 是最常用的表格工具,样式也最灵活多变。HTML 则适合用于网页展示,根据 Excel 无损编写的难度却不低。理论上两者勉强可以做到无损转换,只是往往需要付出不少工作才能完成。
有了这两款工具之后,基本上不存在无法转换的表格了。