前端小伙伴們，隨著前端頁面的日益強大 起來，不知道你是不是還在為開發(fā)一款在線版的Excel，在線ppt等發(fā)愁，因為這并不是一件很容易的事情，恰好有遇到這種業(yè)務需求的時候，那就來看一下這一個特別適用的在線網(wǎng)頁版表格Luckysheet源碼吧。

目前，Luckysheet已經(jīng)在GitHub上標星5.3K，累計分支439
那話不多說了，傳送門來了，源碼打包一步到位：
GitHub地址：https://github.com/mengshukeji/Luckysheet/blob/master/README-zh.md

簡單的介紹一下：Luckysheet ，一款純前端類似excel的在線表格，功能強大、配置簡單、完全開源。

Luckysheet具備了大部分Excel中的常用功能，比如文字與單元格的樣式調(diào)整與公式的使用等。除此之外還提供了獨有的復制時轉(zhuǎn)換格式（比如 json 等）以及其他格式的數(shù)據(jù)導入導出等，可以說Excel具備的常用功能它也都有了。

從Github上面下載之后，也有相對應的使用說明：

環(huán)境

Node.js Version >= 6

安裝

npm install npm install gulp -g

開發(fā)

開發(fā)

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>

第三步

創(chuàng)建一個表格

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

最后，我說的再多，沒有體驗過也不知道這個強大之處，那么就拋出鏈接，在線的哦，點擊就可以體驗啦。

在線體驗：
https://mengshukeji.github.io/LuckysheetDemo/

總結(jié)

以上是生活随笔為你收集整理的实用！Excel在线网页版表格Luckysheet源码的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。