在浏览器中操作 Excel，这款完全开源的在线表格推荐给你！

大家好，我是爱撸码的开源大叔！

Excel 作为办公软件中使用最频繁的产品之一，是我们办公活动中必不可缺的一环。如果我们的系统中能够集成 Excel，相比会是我们一大亮点。

今天大叔就给大家推荐一款强大的、完全开源的类 Excel 在线表格：Luckysheet。

特性

Luckysheet 功能强大、配置简单、完全开源，下面给大家介绍其中一部分特性。

🛠️格式设置

• 样式 (修改字体样式，字号，颜色或者其他通用的样式)
• 条件格式 (突出显示所关注的单元格或单元格区域；强调异常值；使用数据栏、色阶和图标集（与数据中的特定变体对应）直观地显示数据)
• 文本对齐及旋转
• 支持文本的截断、溢出、自动换行
• 数据类型
  • 货币, 百分比, 数字, 日期
• 单元格内多样式 (Alt+Enter单元格内换行、上标、下标、单元格内可定义每个文字的不同样式)

🔨操作体验

• 撤销/重做
• 复制/粘贴/剪切操作 (支持 Luckysheet 到 Excel 和 Excel 到 Luckysheet 带格式的互相拷贝)
• 快捷键支持 (快捷键操作保持与 Excel 一致，如果有不同或者缺失请反馈给我们)
• 格式刷 (与 Google Sheet 类似)
• 任意选区拖拽 (选择单元格，输入公式，插入图表，会与选区相关，可以通过任意拖动和放大缩小选区来改变与之关联的参数)

⚡Luckysheet专有

• 矩阵计算 (通过右键菜单进行支持：对选区内的数据进行转置、旋转、数值计算)
• 截图 (把选区的内容进行截图展示)
• 复制到其他格式 (右键菜单的"复制为", 支持复制为 json、array、对角线数据、去重等)
• EXCEL导入及导出 (专为 Luckysheet 打造的导入导出插件，支持密码、水印、公式等的本地导入导出，导出正在开发)

⏱️未来开发计划

• 打印及设置 (像 Excel 一样进行打印设置，并导出为图片或者PDF)
• 树形菜单 (类似 Excel 中的分级显示（分组）)
• 表格新功能 (类似 Excel 中表格的筛选器和切片器)
• CSV,TXT导入及导出 (专为 Luckysheet 打造的导入导出插件，支持密码、水印、公式等的本地导入导出)
• 插入svg形状 (支持Pen tool (opens new window)的插入、修改和删除，并且随表格的变动而产生变化)
• 文档 (完善文档和API)

使用步骤

第一步 引入依赖

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

总结

Luckysheet 是一个纯 Javascript 编写的在线 Excel 项目，能够嵌入到任何前端项目之中（如 Vue 和 Recat），功能强大、配置简单、完全开源，感兴趣的小伙伴赶快来试试吧！