免费简洁好用的可视化表格生成、转换、编辑在线工具

5 min


可视化表格转 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 无损编写的难度却不低。理论上两者勉强可以做到无损转换,只是往往需要付出不少工作才能完成。

有了这两款工具之后,基本上不存在无法转换的表格了。


Like it? Share with your friends!

0
Anonymous

Choose A Format
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Video
Youtube and Vimeo Embeds