liujiusheng / blog

个人博客,blog
19 stars 0 forks source link

在线excel表格预览功能调研 #215

Open liujiusheng opened 2 years ago

liujiusheng commented 2 years ago

近期需要做一下在线excel表格预览,以前没弄过,现在研究一下。

第一个想到的就是sheet.js,可以利用sheet2html将xlsx置换为html,然后在前端用iframe插入html文件。

第二个就是最新了解到的Luckysheet这个开源库,好像是近期才开源的,高度还原了excel的效果,而且可以在线编辑。 不过暂时还不知道怎么使用,正研究。

以下是luckysheet的展示效果截图: image

在Angular中使用的时候,由于LuckyExcel和luckysheet涉及的css样式较多,且有plugins无法通过umd方式引入,所以需要以window.LuckyExcel和window.luckysheet的传统方式使用。

由于TypeScript的变量需要先声明后使用,所以会提示无法获取LuckyExcel和luckysheet对象。

所以需要在Angular工程下的typings.d.ts文件中declare声明LuckyExcel和luckysheet为any。

修改后需重启才会生效,不会直接生效。

静静等待TS的重构版到来。