轶哥

妄图改变世界的全栈程序员。

Office表格转HTML Table
  •   更新:2022-08-22 22:50:13
  •   首发:2022-08-22 22:50:13
  •   源代码
  •   335

这个程序大约写于5年前,在3年前开源。这是一篇3年前就应该写的文章,一直沉睡在TODO List,由于优先级过低,竟然拖到今天才写。

office2table.png

这个小工具诞生的原因背景:

Office的Excel是目前最优秀的表格工具,Office三套件经久不衰,无疑是职场最具影响力的生产力软件。而World与Excel中的表格直接复制到网页(HTML组件)中会遗留非常多的额外标签,这些标签在浏览器中有的是无法识别的,有的是能识别但是会出现显示异常的。

在Web2.0时代,出现了“所见即所得”的HTML富文本编辑器。与此同时,Web前端飞速发展,出现了多种自适应布局方式,可以让Web页面兼容不同大小和分辨率的显示器。

由于Office新版协议采用了和HTML类似的标记语言来表达富文本内容,使得WPS等第三方Office软件得以在不破解协议的情况下修改Office文件。然而World、Excel和PowerPoint的表格内容直接复制出来粘贴到HTML富文本编辑器是可以使用的,但是多余的标签会衍生出各种问题。

这个 Office Table 转 HTML Table 就是为了解决此问题开发的纯前段处理数据的Web小程序。

整个程序的核心代码https://github.com/yi-ge/office2table/blob/master/src/App.js

支持的功能选项:

  • 添加移动端支持
  • 移除未使用的CSS
  • 移除Office字体样式和专用样式(推荐)
  • 压缩代码(耗时较长)
  • 移除所有样式
  • 移除表格宽度
  • 将表格宽度转换为百分比
  • 添加表格默认边框
  • 添加表格默认边框颜色

在线体验:https://table.yige.ink

此在线地址会一直维护更新。

preview.png

选择文档类型,勾选需要的选项后,复制Office中的表格,点击绿色的地方,粘贴。即可看到转换后的HTML代码和效果预览。

打赏
交流区

暂无内容

尚未登陆
发布
  上一篇
下一篇 (实测Studio Display兼容Linux、Windows)  

评论回复提醒