![](./assets/YOUR SAMPLE GIF PATH)
Describe sample functionality, DELETE_EXAMPLE: This sample shows how to insert an existing template from an external Excel file into the currently open Excel file. Then it retrieves data from a JSON web service and populates the template for the customer.
- DELETE_Features of this sample: which APIs are used, what service is called....
- DELETE_EXAMPLE: Use insertWorksheetsFromBase64 to insert a worksheet from another Excel file into the open Excel file.
- DELETE_EXAMPLE: Get JSON data and add it to the worksheet.
- Node.js 16/18 (Tested on DELETE_16.14.0_THIS_USE_ANOTHER_VERSION)
- Teams Toolkit Visual Studio Code Extension version 5.7.0 and higher.
- Office connected to a Microsoft 365 subscription (including Office on the web). If you don't already have Office, you might qualify for a Microsoft 365 E5 developer subscription through the Microsoft 365 Developer Program; for details, see the FAQ. Alternatively, you can sign up for a 1-month free trial or purchase a Microsoft 365 plan.
- Open Teams Toolkit
- Click
Check and Install Dependencies
- Launch and debug
- For Office on Windows/macOS, click
Preview Your Office Add-in(F5)
button on tree view and select a launch config. A Word/Excel/PowerPoint app will launch with add-in sample side-loaded. Note: Debugging on macOS is not supported yet. - To debug in Desktop (Edge Legacy), make sure you have installed Legacy Office Add-in Debugger. For more details, go to Debug Edge Legacy Webview
- For Office on the web: Sideload Office Add-ins to Office on the web
- For Office on Windows/macOS, click
- Click
Stop Previewing Your Office Add-in
to stop debugging.
- DELETE_EXAMPLE: Put the steps about how to use this sample.
- DELETE_EXAMPLE: Register an API key in XXXXXX
- DELETE_EXAMPLE: Replace the API key in xxxxx.js
- DELETE_EXAMPLE
DELETE_THIS_LINE:Use copilot chat @workspace to generate folder structure
| .eslintrc.json
| .gitignore
| .vscode/
| | extensions.json
| | launch.json Launch and debug configurations
| | settings.json
| | tasks.json
| assets/ Static assets like image/gif
| babel.config.json
| manifest.xml Manifest file
| package.json
| README.md Get started here
| teamsapp.yml Config file for M365/Teams Toolkit support
| SECURITY.md
| src/ Add-ins source code
| | commands/
| | | commands.html
| | | commands.js
| | taskpane/
| | | taskpane.css Taskpane style
| | | taskpane.html Taskpane entry html
| | | taskpane.js Add API calls and logic here
| webpack.config.js Webpack config
Did you experience any problems with the sample? Create an issue and we'll help you out.
Copyright (c) 2024 Microsoft Corporation. All rights reserved.
This project has adopted the Microsoft Open Source Code of Conduct. For more information, see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.
Note: The taskpane.html file contains an image URL that tracks diagnostic data for this sample add-in. Please remove the image tag if you reuse this sample in your own code project.
THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.