An open API service indexing awesome lists of open source software.

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

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.

screenshot

## 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).