在线Excel框架——luckysheet

最近公司接了个项目，需要提供Excel的在线编辑功能，从开源软件中找了一段时间后，最终敲定是用开源软件luckysheet。

luckysheet文档

• gitee地址：https://gitee.com/watching/Luckysheet.git
• 中文API：https://mengshukeji.gitee.io/luckysheetdocs/zh/guide/

使用记录

简单记录下我自己的使用经历。

• 引入
  引入的方式有两种，一种是通过CDN引入：

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

一种是将源代码下载下来通过node.js打包成资源放到项目里，再引入；

npm install
npm install gulp -g
npm run build

将打包出来的dist文件夹下的内容放进项目中即可

• 初始化luckysheet

<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>