/office-addin-react

To help you learn to use Office.js and React build an Excel add-in

Primary LanguageJavaScript

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.

    • 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

      set HTTPS=true&&npm start
    • macOS

      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.

Learn more

To learn more about JavaScript API for Office (Office.js), please check here.