一个纯后端写的纯前端项目，表格转换工具 TableConvert

[Fechin]

一个纯后端，写前端真实磨人，断断续续做了一年多，斗胆拿出来给 V 友们尝尝！

https://tableconvert.com

为什么开发这个工具？

• 博文用 Markdown 编写，表格写起来麻烦，就想做个在线写 Markdown 的工具
• 工作中需要把 Excel 的表格数据转换成代码
• 快速把 Excel 文件入库.
• ...

于是就有了它。代码已经越写越乱，自己都看不下去了...

2.功能列表：

• 简单的类 WYSIWYG 表格编辑器
• 实时输出 Markdown 、JSON 、LaTeX 、Excel 等将近 20 种格式的数据
• 导入 Excel 、JSON 、CSV 、HTML 等 7 种格式的数据，实现互转
• 每种格式有单独的 Options 可定制输出
• 从 URL 中抓取 HTML 表格
• 把各种表格转换成 PDF 或 JPG 图片

导入和输出结合起来就能实现 JSON 转 CSV 、Excel 转 Insert SQL 、JSON 转 Markdown 、CSV 转 Markdown 、Excel 转 LaTeX 表格、HTML table 转 DIV table 、LaTeX 转 Excel 等等功能。

3.通过 URL 导入

https://tableconvert.com/?import={import}&output={output}&data={url}

import : html | csv (默认) | json | markdown | latex ...

output : markdown (默认) | excel | mediawiki | xml | latex ...

url: 包含import格式文本的网址

举个栗子：

https://tableconvert.com/?output=json&data=https://gist.githubusercontent.com/curran/a08a1080b88344b0c8a7/raw/d546eaee765268bf2f487608c537c05e22e4b221/iris.csv

4.IDEA 输出

这是一个自定义的输出格式，有三个表达式可用：

• <sep>: 按 sep 分隔每行的单元格
• $n: 取第 n 列，这里 n 从 0 开始
• +n: 从 n 递增，可用做 id 自增

举个栗子： 怎样快速将表格数据转换成 Java 代码？

Header Template: 为空

Rows Template: list.add(new String[]{"<",">"});

输出：

list.add(new String[]{"id","name","age","gender"});
list.add(new String[]{"1","Roberta","39","M"});
list.add(new String[]{"2","Oliver","25","M"});
...

很久没认真发帖了，欢迎给出你的意见~~

- 新增了 SQL 导入，用正则做的，所以 SQL 文本可以包含注释，正则可能不太稳定，欢迎大家提 BUG
- 内容为空点 Download 无效
- 导入 Excel 乱码是因为还没集成 Excel 库，排期中~

没想到有这么多人在用，这么多人喜欢，感谢感谢!

[kaiki]

真是个好东西

[hg]

真棒~

[somefree]

niubility~

[littleylv]

非常好

[justin2018]

挺好用的~~ 之前分享过 原来作者竟然在 v 站 😁

[MaxTan]

挺实用的，赞一个

[Ritter]

niu

[SuperManNoPain]

导入 excel 后遇到了乱码问题.不知道是不是我自己文件的问题

[Alexpy]

good

[ksc010]

中文 导出 pdf 乱码

[sanggao]

刚用 发现一个 bug

[SuperManNoPain]

直接从 excel 复制进去还是很好用的, 很棒的工具,希望能维护下去

[looseChen]

之前看到阮一峰推荐过这个工具，用过几次，感觉还不错。

[huiyadanli]

用过，很好用！

[zhuzhifen]

很不错耶~

[qiayue]

试用了一下，很好用

[djzhao]

谢 大佬！

[chanshiyu]

已经用了好久了的说

[Fechin]

@justin2018 感谢分享~
@SuperManNoPain Download 或者建个空 Excel 、工具里点 Copy，粘贴进去不会乱码吧😝
@ksc010 感谢反馈，我会尽快修正
@sanggao 老哥，什么 bug，描述一下~
@SuperManNoPain 会一直维护的

[jedicxl]

原来是楼主做的，真的棒！

[wbrobot]

东西不错，我来提需求了
居然没有 sqlite... 和 MS Access... 加油呀！

[sorry]

赞~

[Cmdhelp]

google adsense 怎么申请 ，
建议，空文档不要让点击下载了

[YOUMA]

之前看到阮一峰推荐过这个工具，用过几次，感觉还不错。

[yafoo]

支持，手机端样式需要优化下

[mader]

同导入 excel 乱码

[chaselen]

怎么合并单元格呢

[HuberyPang]

已加入收藏夹，支持，非常 nice

[Fechin]

@wbrobot 老哥，SQL 输出计划只开一个口，SQL 语法大部分通用，如果有 SQL Options 可以告诉我
@Cmdhelp 建议已收下，谢谢
@yafoo 感觉手机上很少用到表格转换，一直没关系手机样式~
@mader 是下载后的 Excel 打开乱码嘛？我在 Mac 和 Windows 测试了中文导出，没能复现问题
@chaselen 不支持合并单元格哦，合并了很多输出格式就没法用了

[Vegetable]

乱码可能是因为 windows 的 excel 使用 gbk 的原因,不知道你有没有做过这方面的处理.

[levon]

哇，我经常使用的一个产品啊，非常不错

[Vegetable]

只复现了 pdf 的中文乱码,excel 没复现成功, 东西是好东西,经常能用到
暂时不用写代码把 excel 转成 json 了哈哈

[gloye]

太强了！

[secretName]

很好的产品，赞一个

[ImaChenai]

赞

[qiguai2017]

要是能单元格合并,表格内嵌表格就更赞了

[yazoox]

真厉害啊！牛！

[wbrobot]

@Fechin 我是说导入，我想把 sqlite 转 json，或者转 sql 语句导入 MySQL

[yuyu2140]

直戳我心坎，赞一个

[Fechin]

@Vegetable 没做特殊处理，我研究下~

[Fechin]

@wbrobot 好的，导入 SQL 已经在排期了，我加个急😀

[wbrobot]

@Fechin sqlite 是单文件，有 js 库可以直接读

[noparking188]

早就收藏在用了，感谢作者

[violetlai]

很好用，刚刚 v 站卖二手还用到了❤️

[ccsulzf0627]

厉害，优秀

[myjava]

非常棒

[mader]

@Fechin excel 上传导入的时候乱码

[0uyangtian]

其他输出格式不知道，但是 PHP 的输出格式是有问题的，既然表格有表头，那么表头的值就应该作为 PHP 数组里面的 key 值，而不是作为 value 输出

[yuankui]

好东西啊！请问楼主表格编辑用的啥库？

[Fechin]

@wbrobot 新增了 SQL 导入，来测试一个

[Fechin]

@mader 好的，是因为没有添加 Excel 读取库，排期中~
@0uyangtian 感谢建议，我没整过 PHP，后期会加一个 k/v 格式的 Options

[laycher]

用 Firefox，打开后 点点一直再闪，点其他的没用，难道我的姿势不对？

[Fechin]

@laycher 问题已修复，Firefox 浏览器不支持 Lookbehind 正则语法导致的

[Keyes]

@SuperManNoPain 加 BOM 试试

[zerogzs]

真不错！

[GopherTT]

挺不错的呀 样式也好看

[jiewuza]

确实蛮好用的
不过我更想要的是不规则表格的制作
能够支持从网页表格到 latex 的转换就好（其他很多格式本身也不能支持）

[creatdate]

不错，可用。

[apeople]

厉害啊，收藏了

[Fechin]

@jiewuza
@qiguai2017
@chaselen

三位提到都提到了复杂的表格，比如合并和嵌套，如果要支持复杂表格，那么现有的很多格式将不可用，比如 CSV 、SQL 、JSON 、Markdown 等，目前支持的格式多数都是规则的二维表。

我想到的时检测到目前正在编辑复杂表格后，不可用的格式置灰，大家有什么好建议？

[jucelin]

有个小问题，输入中文的时候，首字母丢了
https://i.loli.net/2020/04/30/e7PRCSHxaW4jfX9.png

[kokdemo]

这个居然是楼主做的，太厉害了

我在这篇文章里就提到 https://wocai.de/post/2019/05/%E5%B8%B8%E7%94%A8%E7%9A%84-markdown-%E5%B7%A5%E5%85%B7/#%E5%9B%9B-%E8%A1%A8%E6%A0%BC%E7%94%9F%E6%88%90

当时还以为是国外的开发者的作品……

[Fechin]

@jucelin 这是个很有意思的问题，你先按 Enter 或者双击单元格，再输入中文

[lidongdongnk]

真好，赞美作者

[jucelin]

@Fechin #62 这是选中后直接输入的时候出现的，如果已经进入输入态，就没有这个问题了

[Fechin]

@kokdemo 感谢感谢！中式英语，写点文章全靠翻译~

[Fechin]

@yuankui 编辑器没有用到库，自己开发的

[xrr2016]

大佬 NB ！

[zhezhi]

收藏备用。

[jin7]

lz
php 自 5.4 起可以使用短数组定义语法，用 [] 替代 array()。

[NickyPP]

UI 很舒服，收藏了

[CY4suncheng]

赞

[jiewuza]

@Fechin
我觉得把不支持复杂表格的格式变灰，是完全可以接受的
并且非常期待这个功能

[kevtyle]

楼主是怎么转换 excel 文件的，比较好奇

[loading]

不错，挺好。

[YOUMA]

其他输出格式不知道，但是 PHP 的输出格式是有问题的，既然表格有表头，那么表头的值就应该作为 PHP 数组里面的 key 值，而不是作为 value 输出

[bobsam]

想知道是怎么实现的呢？会开源吗？

[freak118]

NB

[abelce]

终于找到作者了，以前用过

[ztjryg4]

用到过这个，非常好用，当时还以为是国外开发者的作品，没想到作者是 v 友，感谢！
同遇到过中文输入吃首字母的问题，已经了解可以先 Enter 再输入，不过如果能像英文一样直接输入的话感觉会更方便。

[Flywith24]

用例很久了，点赞

[gunavy]

好用！

[vison09]

马克

[sunshinev]

很有新意啊，点赞

[insaneguy]

非常赞，感谢分享！

[namelosw]

很不错
自动下载是不是可以关掉，或者可以设置……切一切 tab 不小心就下了好几个文件。
对前端感兴趣也可以试试下载先到浏览器 blob 直接预览，然后点击下载。

[chnyung]

用来一下非常好！特意登陆上来感谢作者。谢谢你大佬

[goldenalex]

试用了一下，感觉不错哦。。。

支持支持。。。

发现两个小问题。。。

1 、pdf 输出中文乱码
2 、md 输出，在数据中有较长的数据和空数据混合的情况下会对不齐

[meisen]

感谢分享❤️

[rp722]

给力 好东东

[zhenlang]

这 ui 不错啊，老哥创意满满

[jones2000]

没有考虑对大数据量的处理逻辑， 比如 10W 条数据的显示和实时更新。前端表格开源的很多， 但对大数据量的显示支持的很少，基本上 10W 条数据就卡了。

[96412hj]

老哥 开源吗

[Fechin]

@jin7 感谢分享
@kevtyle https://github.com/linways/table-to-excel
@bobsam @96412hj 代码写的太乱了，以后把代码模块化了再考虑
@ztjryg4 这个问题还没找到解决办法~
@namelosw 感谢反馈
@jones2000 大数据显示倒是有解决方案，可尝试屏幕可见区动态渲染表格，非可见区不渲染，关键是实时处理大数据的格式转换这是个问题

[Fechin]

@goldenalex pdf 中文乱码需要导入字体，会拖慢网站速度，排期研究中~，转 markdown 时单元格内容存在空格确实会变形，不过空格属于内容了，不能强制修改，倒是可以加一个对单元格数据的查找替换的工具

[liuye1992]

好，灰常实用。就没看懂这个令人费解的标题。

在我看来这不就是个数据结构转换器。转换出来的各类常用的数据结构文档经常会在网站开发中用到而已。

[em2046]

提报一个 Bug，转 JSON 格式时，空格会丢失。

[em2046]

还有一个小的体验问题，控制条在最右侧边缘时显示不完全，无法进行删除列操作。

[justin2018]

@Fechin 楼主 咨询下 这个地方是用的开源的库吗？ 谢谢~ 其实想偷懒😁


[laycher]

@Fechin 请问，我有 excel 文件导入是乱码？这个如何解决？