Explore Office JavaScript API using Script Lab

The Script Lab add-in, which is available free from AppSource, enables you to explore the Office JavaScript API while you're working in an Office program such as Excel or Word. Script Lab is a convenient tool to add to your development toolkit as you prototype and verify functionality you want in your add-in.

What is Script Lab?

Script Lab is a tool for anyone who wants to learn how to develop Office Add-ins using the Office JavaScript API in Excel, Word, or PowerPoint. It provides IntelliSense so you can see what's available and is built on the Monaco framework, the same framework used by Visual Studio Code. Through Script Lab, you can access a library of samples to quickly try out features or you can use a sample as the starting point for your own code. You can even use Script Lab to try preview APIs.

Sounds good so far? Take a look at this one-minute video to see Script Lab in action.

Preview video showing Script Lab running in Excel, Word, and PowerPoint.

Key features

Script Lab offers a number of features to help you explore the Office JavaScript API and prototype add-in functionality.

Explore samples

Get started quickly with a collection of built-in sample snippets that show how to complete tasks with the API. You can run the samples to instantly see the result in the task pane or document, examine the samples to learn how the API works, and even use samples to prototype your own add-in.

Samples

Code and style

In addition to JavaScript or TypeScript code that calls the Office JS API, each snippet also contains HTML markup that defines content of the task pane and CSS that defines the appearance of the task pane. You can customize the HTML markup and CSS to experiment with element placement and styling as you prototype task pane design for your own add-in.

Tip

To call preview APIs within a snippet, you'll need to update the snippet's libraries to use the beta CDN (https://appsforoffice.microsoft.com/lib/beta/hosted/office.js) and the preview type definitions @types/office-js-preview. Additionally, some preview APIs are only accessible if you've signed up for the Office Insider program and are running an Insider build of Office.

Save and share snippets

By default, snippets that you open in Script Lab will be saved to your browser cache. To save a snippet permanently, you can export it to a GitHub gist. Create a secret gist to save a snippet exclusively for your own use, or create a public gist if you plan to share it with others.

Sharing options

Import snippets

You can import a snippet into Script Lab either by specifying the URL to the public GitHub gist where the snippet YAML is stored or by pasting in the complete YAML for the snippet. This feature may be useful in scenarios where someone else has shared their snippet with you by either publishing it to a GitHub gist or providing their snippet's YAML.

Import snippet option

Supported clients

Script Lab is supported for Excel, Word, and PowerPoint on the following clients.

  • Office 2013 or later on Windows
  • Office 2016 or later on Mac
  • Office on the web

Next steps

To use Script Lab in Excel, Word, or PowerPoint, install the Script Lab add-in from AppSource.

You're welcome to expand the sample library in Script Lab by contributing new snippets to the office-js-snippets GitHub repository.

When you're ready to create your first Office Add-in, try out the quick start for Excel, Outlook, Word, OneNote, PowerPoint, or Project.

See also