渡宇 发表于 2023-9-1 06:13:02

使用SheetJs实现在线预览Excel(保留单元格格式信息)

一、寻找合适的在线预览Excel的js库
 
我:在线预览Excel文件有哪些好用的js库  
ChatGPT:有几个好用的JavaScript库可以用来在网页上实现在线预览Excel文件。以下是一些常见且功能强大的库:
[*]SheetJS (xlsx.js): 这是一个功能强大的库,可以在网页上实现Excel文件的读取、写入和预览。它支持多种Excel格式,包括XLSX、XLS、CSV等。你可以使用SheetJS来读取Excel文件内容,并将其呈现在网页上的HTML表格中。
[*]Handsontable: Handsontable是一个用于创建丰富交互式表格的库,支持Excel样式的编辑和查看功能。它可以将Excel文件内容以表格的形式呈现在网页上,用户可以编辑和查看数据。该库还提供了很多定制和扩展的选项。
[*]DHTMLX Spreadsheet: 这是一个基于JavaScript的电子表格库,支持Excel样式的功能,包括公式、格式化、排序、筛选等。它可以在网页上呈现Excel文件,并提供与电子表格相关的功能。
[*]ExcelJS: ExcelJS是一个用于读取、创建和修改Excel文件的库,可以在网页上进行操作。它支持XLSX格式,允许你生成Excel文件,并支持多种单元格格式。
[*]FlexGrid: Wijmo FlexGrid是一个功能强大的网格控件,支持Excel样式的功能,如排序、筛选、分组等。它可以用于在网页上呈现Excel文件,并提供类似于Excel的交互体验。
这些库中的每一个都有其独特的特点和优势,根据你的需求和项目的要求,你可以选择适合的库来实现在线预览Excel文件功能。
  
二、基础版实现代码   
三、增强版实现代码,支持单元格格式等
由于基础实现丢失了很多关键格式信息,比如字体大小、背景色、对齐方式、批注等。于是请教ChatGpt帮忙写代码。下面是ChatGpt写出来的代码,正确与否待验证
<!DOCTYPE html>
<html>
<head>
<title>Excel Online Preview</title>


</head>
<body>
<button id="loadExcelButton">加载Excel</button>



</body>
</html>图片展示

发现一个代码高亮转成图片的网站:
https://10015.io/tools/code-to-image-converter?utm_source=appinn.com

来源:https://www.cnblogs.com/hdwang/p/17670534.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: 使用SheetJs实现在线预览Excel(保留单元格格式信息)