forked from sheetjs/docs.sheetjs.com
		
	excel javascript api
This commit is contained in:
		
							parent
							
								
									4aafcce8be
								
							
						
					
					
						commit
						197e052544
					
				
							
								
								
									
										1
									
								
								.gitattributes
									
									
									
									
										vendored
									
									
										Normal file
									
								
							
							
								
								
								
								
								
									
									
								
							
						
						
									
										1
									
								
								.gitattributes
									
									
									
									
										vendored
									
									
										Normal file
									
								
							| @ -0,0 +1 @@ | ||||
| docs/** linguist-generated | ||||
							
								
								
									
										2
									
								
								Makefile
									
									
									
									
									
								
							
							
								
								
								
								
								
									
									
								
							
						
						
									
										2
									
								
								Makefile
									
									
									
									
									
								
							| @ -5,7 +5,7 @@ build: | ||||
| 	mv docz/build/ docs | ||||
| 	cp CNAME docs | ||||
| 
 | ||||
| .PHONY: server | ||||
| .PHONY: serve | ||||
| serve: | ||||
| 	cd docs; python -mSimpleHTTPServer; cd - | ||||
| 
 | ||||
|  | ||||
							
								
								
									
										248
									
								
								docz/docs/04-getting-started/03-demos/03-excel.md
									
									
									
									
									
										Normal file
									
								
							
							
								
								
								
								
								
									
									
								
							
						
						
									
										248
									
								
								docz/docs/04-getting-started/03-demos/03-excel.md
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,248 @@ | ||||
| --- | ||||
| sidebar_position: 4 | ||||
| --- | ||||
| 
 | ||||
| # Excel JavaScript API | ||||
| 
 | ||||
| Office 2016 introduced a JavaScript API for interacting with the application. | ||||
| It offers solutions for custom functions as well as task panes. | ||||
| 
 | ||||
| Excel currently does not provide support for working with Apple Numbers files | ||||
| and some legacy file formats.  SheetJS fills the gap. | ||||
| 
 | ||||
| This demo creates a new custom function to add much-needed functionality: | ||||
| 
 | ||||
| - `SHEETJS.EXTERN()` tries to fetch an external spreadsheet and insert the data | ||||
| into the worksheet. | ||||
| 
 | ||||
| This demo focuses on the basic mechanics.  Advanced topics like Excel Custom | ||||
| Function parameters are covered in the official Office JavaScript API docs. | ||||
| SheetJS worksheet metadata and other properties are covered in this doc site. | ||||
| 
 | ||||
| ## Creating a new Add-in | ||||
| 
 | ||||
| <details><summary><b>Initial Platform Setup</b> (click to show)</summary> | ||||
| 
 | ||||
| The tool for generating Office Add-ins depends on NodeJS and various libraries. | ||||
| [Install NodeJS](https://nodejs.org/) and the required dependencies: | ||||
| 
 | ||||
| ```powershell | ||||
| npm install -g yo bower generator-office | ||||
| ``` | ||||
| 
 | ||||
| </details> | ||||
| 
 | ||||
| <details><summary><b>Creating a new Project</b> (click to show)</summary> | ||||
| 
 | ||||
| Run `yo office` from the command line.  It will ask a few questions. | ||||
| 
 | ||||
| - "Choose a project type": "Excel Custom Functions Add-in project" | ||||
| 
 | ||||
| - "Choose a script type": "JavaScript", | ||||
| 
 | ||||
| - "What do you want to name your add-in?": "SheetJSImport" | ||||
| 
 | ||||
| You will see a screen like | ||||
| 
 | ||||
| ``` | ||||
| ? Choose a project type: Excel Custom Functions Add-in project | ||||
| ? Choose a script type: JavaScript | ||||
| ? What do you want to name your add-in? SheetJSImport | ||||
| 
 | ||||
| ---------------------------------------------------------------------------------- | ||||
| 
 | ||||
|       Creating SheetJSImport add-in for Excel using JavaScript and Excel-functions | ||||
| at C:\Users\SheetJS\Documents\SheetJSImport | ||||
| 
 | ||||
| ---------------------------------------------------------------------------------- | ||||
| ``` | ||||
| 
 | ||||
| It helpfully prints out the next steps: | ||||
| 
 | ||||
| ```powershell | ||||
| cd SheetJSImport | ||||
| npm run build | ||||
| npm start | ||||
| ``` | ||||
| 
 | ||||
| If you have [VSCodium](https://vscodium.com/) installed, the folder can be opened with | ||||
| 
 | ||||
| ```powershell | ||||
| codium . | ||||
| ``` | ||||
| 
 | ||||
| </details> | ||||
| 
 | ||||
| Running `npm start` will open up a terminal window and a new Excel window with | ||||
| the loaded add-in.  Keep the terminal window open (it can be minimized).  When | ||||
| you make a change, close both the Excel window and the terminal window before | ||||
| running `npm start` again. | ||||
| 
 | ||||
| ## Integrating the SheetJS Library | ||||
| 
 | ||||
| The library can be installed like any other NodeJS module: | ||||
| 
 | ||||
| ```powershell | ||||
| npm i --save https://cdn.sheetjs.com/xlsx-latest/xlsx-latest.tgz | ||||
| ``` | ||||
| 
 | ||||
| To be sure the library is loaded, remove all of the existing functions from | ||||
| `src\functions\functions.js`.  The new contents should be | ||||
| 
 | ||||
| ```js src\functions\functions.js | ||||
| var XLSX = require("xlsx"); | ||||
| 
 | ||||
| /** | ||||
|  * Print SheetJS Library Version | ||||
|  * @customfunction | ||||
|  * @returns {string[][]} The SheetJS Library Version. | ||||
|  */ | ||||
| function version() { | ||||
|   return [[XLSX.version]]; | ||||
| } | ||||
| ``` | ||||
| 
 | ||||
| The `manifest.xml` should also be updated to reflect the function namespace: | ||||
| 
 | ||||
| ```xml | ||||
|         <bt:String id="Functions.Namespace" DefaultValue="SHEETJS"/> | ||||
| ``` | ||||
| 
 | ||||
| After making the change, save the files.  Close the terminal window and the | ||||
| Excel window (do not save the Excel file).  Re-run `npm start`. | ||||
| 
 | ||||
| In the new Excel window, enter the formula `=SHEETJS.VERSION()` in cell E1. You | ||||
| should see something similar to the following screenshot: | ||||
| 
 | ||||
|  | ||||
| 
 | ||||
| This indicates that the SheetJS library has been loaded. | ||||
| 
 | ||||
| ## Dynamic Arrays and SheetJS Array of Arrays | ||||
| 
 | ||||
| The [`sheet_to_json`](../../api/utilities#json) helper function can generate | ||||
| arrays of arrays of values based on the worksheet data.  Excel custom functions | ||||
| transparently treat these as Dynamic Arrays. | ||||
| 
 | ||||
| ## Fetching Files from the Internet | ||||
| 
 | ||||
| For the next step, we will try to fetch data from an external resource. | ||||
| <https://sheetjs.com/pres.numbers> is an Apple Numbers file.  Excel does not | ||||
| understand Numbers files and it will not open them. | ||||
| 
 | ||||
| <details><summary><b>Excel bug related to `fetch`</b> (click to show)</summary> | ||||
| 
 | ||||
| `fetch` is available to custom functions: | ||||
| 
 | ||||
| ```js | ||||
| async function extern() { | ||||
|   try { | ||||
|     const url = "https://sheetjs.com/pres.numbers"; // URL to download | ||||
|     const res = await fetch(url); // fetch data | ||||
|     const ab = await res.arrayBuffer(); // get data as an array buffer | ||||
| 
 | ||||
|     // DO SOMETHING WITH THE DATA HERE | ||||
| 
 | ||||
|   } catch(e) { return e; } // pass error back to Excel | ||||
| } | ||||
| ``` | ||||
| 
 | ||||
| When fetching data, functions typically receive an `ArrayBuffer` which stores | ||||
| the file data.  This is readily parsed with `read`: | ||||
| 
 | ||||
| ```js | ||||
| var wb = XLSX.read(ab); // parse workbook | ||||
| ``` | ||||
| 
 | ||||
| **This is how it should work**. | ||||
| 
 | ||||
| [There are outstanding bugs](https://github.com/OfficeDev/office-js/issues/2186) | ||||
| 
 | ||||
| For the purposes of this demo, a Base64-encoded file will be used.  The | ||||
| workaround involves fetching that Base64 file, getting the text, and parsing | ||||
| with the [`base64` type:](../../api/parse-options#input-type) | ||||
| 
 | ||||
| ```js | ||||
| async function extern() { | ||||
|   try { | ||||
|     const url = "https://sheetjs.com/pres.numbers.b64"; // URL to download | ||||
|     const res = await fetch(url); // fetch data | ||||
|     const text = await res.text(); // get data as an array buffer | ||||
| 
 | ||||
|     var wb = XLSX.read(text, { type: "base64" }); | ||||
|     // DO SOMETHING WITH THE DATA HERE | ||||
| 
 | ||||
|   } catch(e) { return e; } // pass error back to Excel | ||||
| } | ||||
| ``` | ||||
| 
 | ||||
| Base64-encoded files can be generated with PowerShell: | ||||
| 
 | ||||
| ```powershell | ||||
| [convert]::ToBase64String([System.IO.File]::ReadAllBytes((Resolve-Path "path\to\file"))) > file.b64 | ||||
| ``` | ||||
| 
 | ||||
| </details> | ||||
| 
 | ||||
| 
 | ||||
| The `.Sheets` property of the workbook object holds all of the worksheets and | ||||
| the `.SheetNames` property is an array of worksheet names.  Picking the first | ||||
| worksheet is fairly straightforward: | ||||
| 
 | ||||
| ```js | ||||
| var ws = wb.Sheets[wb.SheetNames[0]]; // get first worksheet | ||||
| ``` | ||||
| 
 | ||||
| This data can be converted to an Array of Arrays in one line: | ||||
| 
 | ||||
| ```js | ||||
| var aoa = XLSX.utils.sheet_to_json(ws, {header: 1}); // get data as array of arrays | ||||
| ``` | ||||
| 
 | ||||
| To demonstrate the parsing ability, a Base64-encoded version of the file will | ||||
| be used.  This file contains no binary characters and should "just work".  Once | ||||
| the aforementioned Excel bug is fixed, the non-Base64 version can be used. | ||||
| 
 | ||||
| This new function should be added to `src\functions\functions.js`: | ||||
| 
 | ||||
| ```js src\functions\functions.js | ||||
| /** | ||||
|  * Download file and write data | ||||
|  * @customfunction | ||||
|  * @returns {any[][]} Worksheet data | ||||
|  */ | ||||
| async function extern() { | ||||
|   try { | ||||
|     /* URL */ | ||||
|     // const url = "https://sheetjs.com/pres.numbers"; // Once Excel bug is fixed | ||||
|     const url = "https://sheetjs.com/pres.numbers.b64"; // workaround | ||||
| 
 | ||||
|     /* Fetch Data */ | ||||
|     const res = await fetch(url); | ||||
| 
 | ||||
|     /* Get Data */ | ||||
|     // const ab = await res.arrayBuffer(); // Once Excel bug is fixed | ||||
|     const b64 = await res.text(); // workaround | ||||
| 
 | ||||
|     /* Parse Data */ | ||||
|     // var wb = XLSX.read(ab); // Once Excel bug is fixed | ||||
|     var wb = XLSX.read(b64, { type: "base64" }); // workaround | ||||
| 
 | ||||
|     /* get and return data */ | ||||
|     var ws = wb.Sheets[wb.SheetNames[0]]; // get first worksheet | ||||
|     var aoa = XLSX.utils.sheet_to_json(ws, { header: 1 }); // get data as array of arrays | ||||
|     return [[url]]; | ||||
|   } catch(e) { return [[e]]; } // pass error back to Excel | ||||
| } | ||||
| ``` | ||||
| 
 | ||||
| After making the change, save the files.  Close the terminal window and the | ||||
| Excel window (do not save the Excel file).  Re-run `npm start`. | ||||
| 
 | ||||
| Enter the formula `=SHEETJS.EXTERN()` in cell D1 and hit Enter.  Excel should | ||||
| pull in the data and generate a dynamic array: | ||||
| 
 | ||||
|  | ||||
| 
 | ||||
| [SheetJS Pro](https://sheetjs.com/pro) offers additional features that can be | ||||
| used in Excel Custom Functions and Add-ins | ||||
| @ -34,6 +34,7 @@ The demo projects include small runnable examples and short explainers. | ||||
| - [`Chrome / Chromium Extension`](https://github.com/SheetJS/SheetJS/tree/master/demos/chrome/) | ||||
| - [`Google Sheets API`](./gsheet) | ||||
| - [`ExtendScript for Adobe Apps`](./extendscript) | ||||
| - [`Excel JavaScript API`](./excel) | ||||
| - [`Headless Browsers`](https://github.com/SheetJS/SheetJS/tree/master/demos/headless/) | ||||
| - [`Other JavaScript Engines`](https://github.com/SheetJS/SheetJS/tree/master/demos/altjs/) | ||||
| - [`"serverless" functions`](https://github.com/SheetJS/SheetJS/tree/master/demos/function/) | ||||
|  | ||||
| @ -325,9 +325,13 @@ For example, when the computer language and region is set to Spanish, Excel | ||||
| interprets `=CONTAR(A1:C3)` as if `CONTAR` is the `COUNT` function.  However, | ||||
| in the actual file, Excel stores `COUNT(A1:C3)`. | ||||
| 
 | ||||
| Function arguments are separated with commas. For example, the Spanish Excel | ||||
| formula `=CONTAR(A1:C3;B4:D6)` is equivalent to the SheetJS formula string | ||||
| `COUNT(A1:A3,B4:D6)` | ||||
| 
 | ||||
| [JSON Translation table](https://oss.sheetjs.com/notes/fmla/table.json). | ||||
| 
 | ||||
| <details open><summary><b>Interactive Translator</b> (click to show)</summary> | ||||
| <details open><summary><b>Function Name Translator</b> (click to show)</summary> | ||||
| 
 | ||||
| ```jsx live | ||||
| /* The live editor requires this function wrapper */ | ||||
|  | ||||
							
								
								
									
										
											BIN
										
									
								
								docz/static/files/xlcfextern1.png
									
									
									
									
									
										Normal file
									
								
							
							
								
									
								
								
								
								
								
									
									
								
							
						
						
									
										
											BIN
										
									
								
								docz/static/files/xlcfextern1.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| After Width: | Height: | Size: 11 KiB | 
							
								
								
									
										
											BIN
										
									
								
								docz/static/files/xlcfversion.png
									
									
									
									
									
										Normal file
									
								
							
							
								
									
								
								
								
								
								
									
									
								
							
						
						
									
										
											BIN
										
									
								
								docz/static/files/xlcfversion.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| After Width: | Height: | Size: 3.0 KiB | 
		Loading…
	
		Reference in New Issue
	
	Block a user