官网有两种引入依赖的方法,一种cdn,一种本地引入

本文介绍的是本地引入的方式。

从官网下载源码:https://gitee.com/mengshukeji/Luckysheet

线上引用js:

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

index.html 文件中本地引用 js

<link rel='stylesheet' href='../static/luckysheet/plugins/css/pluginsCss.css' />

<link rel='stylesheet' href='../static/luckysheet/plugins/plugins.css' />

<link rel='stylesheet' href='../static/luckysheet/css/luckysheet.css' /> -->

<!-- <link rel='stylesheet' href='./static/luckysheet/assets/iconfont/iconfont.css' /> -->

<script src="../static/luckysheet/plugins/js/plugin.js"></script>

<script src="../static/luckysheet/luckysheet.umd.js"></script>

vue 页面使用:

  <div id="mysheet" style="margin:0px;padding:0px;width:50%;height:500px;"></div>

 // 创建表格

      window.luckysheet.create({

          container: 'mysheet' // 设定DOM容器的id

      });

vue安装jQuery支持: npm insttall jquery     "jquery": "^3.6.1",

main.js 配置

import $ from 'jquery'

window.jQuery = $

window.$ = $

可以使用

$(function() {

luckysheet.create(options);

});

luckysheet实现在线编辑Excel相关推荐

  1. springboot+Vue整合Luckysheet,实现在线编辑Excel表格

    springboot+Vue整合Luckysheet,实现在线编辑Excel表格 功能:页面嵌入Luckysheet表格组件,能够在线编辑Excel表格,实现表格的读取,保存功能(不支持导出为xls文 ...

  2. Vue实现在线编辑excel

    目录 luckysheet 1.插件引入 2.声明excel在线预览编辑组件 3.excelJs分解Dom为excel文件流 luckysheet文档地址 exceljs文档地址        前言介 ...

  3. 【Java】多人协同在线编辑Excel源代码及部署包

    1. 背景 在互联网环境中,我们可以使用 腾讯云文档.金山云文档等在线编辑Excel,但内网环境下却一直没有类似的工具,直到开源项目 LuckySheet 横空出世! 以下就是基于 LuckyShee ...

  4. Vue实现在线编辑excel、导入、导出

    文章目录 概要 整体架构流程 小结 概要 Vue实现在线编辑excel.导入.导出 整体架构流程 luckysheet文档地址 exceljs文档地址 1.npm安装依赖 npm i exceljs ...

  5. html excel 在线编辑,利用js实现在线编辑excel表格代码

    特效描述:利用js实现 在线编辑 excel 表格代码.利用js实现在线编辑excel表格代码 代码结构 1. 引入CSS 2. 引入JS 3. HTML代码  function load(){ x ...

  6. vue 在线编辑excel表格(原生和使用组件的两种方式)

    vue 在线编辑excel表格(原生和使用组件的两种方式) top表头和left表头格式的表格 <template><div><!-- 用组件写的编辑表格 -->& ...

  7. VUE 在线编辑 EXCEL , SPERADJS的使用

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言 一.VUE 在线编辑 EXCEL 功能 二.使用步骤 1.引入库 2.组件制作 前言 spreadjs的使用 提示:以 ...

  8. Vue或uniapp使用luckysheet免费开发多人在线编辑Excel文档

    前言 一直想用uniapp开发个在线多人编辑Excel文档的APP,苦于一直没找到免费的开源库,今天心血来潮,和大神聊起知道有luckysheet这么个免费的东东,看了文档,还挺合适.立即撸起.虽说是 ...

  9. luckySheet在线编辑excel及遇到的问题

    1.实现加载服务器端excel文件 引入相关js <link rel="stylesheet" href="./plugins/css/pluginsCss.css ...

最新文章

  1. 物体识别算法——SIFT/SURF、haar特征、广义hough变换的对比分析
  2. amazeui学习笔记--css(常用组件4)--关闭按钮Close
  3. 2021年春季学期-信号与系统-第六次作业参考答案-第六小题
  4. Authentication method 'caching_sha2_password' not supported by any of the available plugins.
  5. LeetCode Intersection of Two Linked Lists
  6. mongod副本集的安装配置
  7. Java 理论与实践: 线程池与工作队列
  8. UEFI + GPT 启动 VHD
  9. 演练 打印直角三角形
  10. 京东抽奖项目开发笔记
  11. java淘宝客开发(一)
  12. VMware 12 密钥
  13. 云计算技术基础【12】
  14. command '/Android/Sdk/build-tools/21.1.2/aapt'
  15. Jmeter性能测试之系统监控
  16. 使用go语言提取ins视频地址和图片地址
  17. 行为分析(十):姿态估计部分(六):人体关键点(keypoints)生成算法综述
  18. linux hostname的配置方法
  19. 微信出了一个新功能专治「借钱不还」
  20. 5.3Web服务器简介及HTTP协议

热门文章

  1. java浮点数计算程序_计算器程序.可以准确进行浮点数运算
  2. 33.0.概率论与数理统计-大数定律,辛钦大数定律
  3. 如何写出更具有Python风格的代码
  4. 新建一个工作空间,复制原来工作空间的配置
  5. Command CompileAssetCatalog emitted errors but did not return a nonzero exit code to indicate failur
  6. click是哪个键 wheel_Click是什么意思?键盘上的Click键在哪里?
  7. 基于安卓Android和SSH的汽车票管理系统设计与实现
  8. 智慧城市的背后是大数据的深度挖掘和利用
  9. Minecraft 从安装到入门
  10. vmware中linux启动项,VMWare虚拟机中安装Linux系统并启用