前端在线网页版表格是怎么开发的?教程来咯~~~
前端小伙伴们,随着前端页面的日益强大 起来,不知道你是不是还在为开发一款在线版的Excel,在线ppt等发愁,因为这并不是一件很容易的事情,恰好有遇到这种业务需求的时候,那就来看一下这一个特别适用的在线网页版表格Luckysheet源码吧。
目前,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/
前端在线网页版表格是怎么开发的?教程来咯~~~相关推荐
- 在线网页版的打字练习
学习打字一定要多练习才能打得快,通常的练打字都要安装软件,很麻烦. 这里介绍一个方便实用的在线学打字系统.可以很方便进行打字练习,如果你想在线打字,请你进入: http://www.dnzs123.c ...
- 在线网页版鸡乐盒html源码
在线网页版鸡乐盒html源码鸡乐盒网页版一款集魔性.恶搞.网络热梗于一体的趣味软件.在鸡乐盒网页版中用户能够轻松找到来自于电影.电视剧.动画等各种作品里的梗,鸡乐盒网页版中不仅仅提供了有趣的恶搞音效, ...
- 经典游戏命令与征服-红色警戒在线网页版
命令与征服(Command & Conquer)对于许多人来说可能不是很熟悉,但是如果说到红色警戒(命令与征服的一个系列)的话,那么应该无人不知无人不晓.现在国外的强人通过使用js和最新的ht ...
- 这12个前端在线工具网站,建议每个开发人员了解下
尽管前端网站开发可能会具有挑战性,但并不一定非常困难.本文将向您介绍12个重要的网站,它们能够帮助您简化前端网站开发的过程,让它变得更加快捷和愉悦.在这些网站上,您可以找到各种工具.技术和资源,包括设 ...
- ChatGPT在线网页版和接口
chat gpt能写公众号文章吗 ChatGPT是一种强大的自然语言生成技术,它可以用来自动生成大量的.质量较高的文本.根据OpenAI官方的演示和使用案例,ChatGPT已经被用于文本摘要.对话生成 ...
- markdown在线编辑器 editor.md 二次开发详细教程
markdown在线编辑器 editor.md 二次开发 需求 经常需要在网络论坛发布文章进行宣传,但每个论坛的编写格式存在差异,给发布带来了很大的障碍. 最近markdown格式的兴起,给广大发布者 ...
- 【2020】明哥版-JetBrains旗下常用开发工具教程目录更新中-建议收藏
前言 我为什么要写这个系列的教程?很早以前我们在写Java代码时用的较多开发工具可能就是MyEclipse或eclipse,当然了如果你在企业中还能遇见很古老的项目的话,你维护的时候还是需要使用MyE ...
- scratch各种手机、、网页版、电脑版本免费安装教程-指导方法
目前scratch官方没有scratch手机版 平替手机软件叫scratch启蒙,不是官方软件,里面有部分广告,但可以作为练习用,还是挺不错的 安卓手机版下载流程: https://webcdn.m. ...
- 天气预报文字版微信_微信开发天气预报教程
微信开发天气预报教程默认城市是郑州 需要注意的是: 1:weatherdata.txt是反序列化的城市天气网址,所以需要反序列化. 2: $contentStr = "$contentStr ...
最新文章
- UIBezierPath画圆弧的记录
- Runtime初学习
- Sharepoint 2010 新特性笔记
- 通过CSS修改checkbox样式(利用label的for属性进行焦点传递)
- 由于 Web 服务器上的“ISAPI 和 CGI 限制”列表设置,无法提供您请求的页面。
- GDI+ 学习记录(2) 画笔线帽 - Cap
- Vue 深度监听和初始绑定
- java java se_Java SE 11:推动Java前进
- zabbix监控平台添加服务(http,nginx,mysql)
- 信息学奥赛一本通 2019:【例4.4】求阶乘
- IOS NSNotification 通知
- Map转成JSON对象
- 高数篇(三)-- 最小二乘法、正则化
- ie8加载js太慢_ie8加载不了javascript怎么办?
- 生活中与现实中的字体应用体验俯拾皆是...
- HDU - 1546 Idiomatic Phrases Game(dijkstra最短路)
- Jetbarins 手动离线安装升级包
- oracle 01405 提取的值为null,OCI : ORA-01405: 提取的列值为 NULL
- 微信小程序抓包反编译保姆级教程
- tiktok垂直账号运营经验分享
热门文章
- 《炬丰科技-半导体工艺》电化学行为后的蚀刻清洗
- 单片机c语言99秒倒计时,51单片机99秒倒计时C语言源程序
- 875用java么_LeetCode 875. Koko Eating Bananas
- Win10系统如何彻底卸载腾讯游戏安全中心
- Linux下华为E220模块调试问题小记
- CTF——Web——PHP序列化和反序列化
- css设置文字单行隐藏和多行隐藏,并用省略号表示
- Digital Animation Bible: Creating Professional Animation with 3ds Max, Lightwave, and Maya
- ctfshow逆向reverse笔记
- 俏皮的 Markdown Emoji 表情