html原样万能粘贴器,带格式

最近公司有需求让根据excel文件存储json文件，后台没有提供相关服务，领导让自己眼看手写。这不坑爹吗，随后我就想，我在页面上预加载一个可编辑的表格，然后复制excel内容放在网页表格里，再写个方法遍历表格，并生成json。

想象完成后就开始工作，动态的表格是写好了，但是怎么往里面放内容呢，我把表格内的td设置为文本编辑框。然后ctrl+v，发现并无鸟用。因为懒，所以就开始在网上找资料，终于功夫不负有心人。找到了相关内容，经过试验后，发现这个东西异常强大，所以放过来给大家欣赏。以下是这个粘贴的玩法。

资源地址:https://download.youkuaiyun.com/download/qq_37527048/10657320

首先万能粘贴页是一个带有边框的空白页

 

1:excel表格的粘贴：直接将所需要的表格进行复制，然后ctrl+v放在万能粘贴页

     

 

粘贴完成样子如下

内容可编辑，源码可查看，样式它都有

表格会自动加载为table

 

 

2:所有东西均可粘贴，原样粘贴

 

代码的最后我加了生成粘贴内容的html代码到本页面。