https://github.com/hongbo-miao/office-addin-react
To help you learn to use Office.js and React build an Excel add-in
https://github.com/hongbo-miao/office-addin-react
excel office-js react
Last synced: 3 months ago
JSON representation
To help you learn to use Office.js and React build an Excel add-in
- Host: GitHub
- URL: https://github.com/hongbo-miao/office-addin-react
- Owner: hongbo-miao
- Created: 2017-06-18T23:36:48.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-09-21T09:00:51.000Z (about 8 years ago)
- Last Synced: 2024-11-29T09:38:57.257Z (11 months ago)
- Topics: excel, office-js, react
- Language: JavaScript
- Homepage:
- Size: 101 KB
- Stars: 48
- Watchers: 4
- Forks: 7
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Color me
This project is showing how you can use Office.js and React to build an Excel add-in.
## How to run
1. To run the add-in, you need side-load the add-in within the Excel application. The section below describes the way of side-loading of manifest file in different platforms.
- On Windows, follow [this tutorial](https://dev.office.com/docs/add-ins/testing/create-a-network-shared-folder-catalog-for-task-pane-and-content-add-ins).
- On macOS, move the manifest file `office-add-in-react-manifest.xml` to the folder `/Users/{username}/Library/Containers/com.microsoft.Excel/Data/Documents/wef` (if not exist, create one)
- For Excel Online, use the upload my add-in button from the add-in command dialog to upload the manifest file.
2. Run this in the terminal for a dev server.
- Windows
```bash
set HTTPS=true&&npm start
```
- macOS
```bash
HTTPS=true npm start
```3. Open Excel and click the Add-in to load.
## How to create a new project by yourself
Follow the step by step tutorial [here](https://hongbo-miao.gitbooks.io/excel/content/quick-start/react.html).
## Learn more
To learn more about JavaScript API for Office (Office.js), please check [here](https://github.com/Hongbo-Miao/office-addin-quick-start/blob/master/react.md).