前端小伙伴们，随着前端页面的日益强大 起来，不知道你是不是还在为开发一款在线版的Excel，在线ppt等发愁，因为这并不是一件很容易的事情，恰好有遇到这种业务需求的时候，那就来看一下这一个特别适用的在线网页版表格Luckysheet源码吧。

 
实用！Excel在线网页版表格Luckysheet源码_javascript
 

目前，Luckysheet已经在GitHub上标星5.3K，累计分支439
那话不多说了，传送门来了，源码打包一步到位：
GitHub地址：https://github.com/mengshukeji/Luckysheet/blob/master/README-zh.md

简单的介绍一下：Luckysheet ，一款纯前端类似excel的在线表格，功能强大、配置简单、完全开源。

Luckysheet具备了大部分Excel中的常用功能，比如文字与单元格的样式调整与公式的使用等。除此之外还提供了独有的复制时转换格式（比如 json 等）以及其他格式的数据导入导出等，可以说Excel具备的常用功能它也都有了。

从Github上面下载之后，也有相对应的使用说明：

环境

Node.js Version >= 6

 

安装

npm install
npm install gulp -g

 

开发

开发

npm run dev

打包

npm run build

 

用法

 

第一步

通过CDN引入依赖

<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/plugins.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/css/luckysheet.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/assets/iconfont/iconfont.css' />
<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/js/plugin.js"></script>
<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/luckysheet.umd.js"></script>

 

第二步

指定一个表格容器

<div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;"></div>

 

第三步

创建一个表格

<script>
    $(function () {
        //配置项
        var options = {
            container: 'luckysheet' //luckysheet为容器id
        }
        luckysheet.create(options)
    })
</script>

 

最后，我说的再多，没有体验过也不知道这个强大之处，那么就抛出链接，在线的哦，点击就可以体验啦。

在线体验：
https://mengshukeji.github.io/LuckysheetDemo/

 
实用！Excel在线网页版表格Luckysheet源码_vue_02