Edit code, run it, and inspect the result
Each Playground has its own stable route. Examples are editable and the primary working area is kept near the top of the page so you can change one thing, run it, and see the result without a setup project.
| Playground | What you do | Current state |
|---|---|---|
| Editor SDK | Run highlighted JavaScript against a live Word Processor, Spreadsheet, or Presentation document | Live |
| Editor AI SDK | Add an LLM or relay to Editor SDK tools that edit an open document | Preview integration, live demo |
/playground/ opens Editor SDK by default.
Editor SDK workflow
- Select Word Processor, Spreadsheet, or Presentation.
- Load an example or write code in the highlighted editor.
- Press Run or
Ctrl/Cmd+Enter. - Inspect the structured result and the live document.
- Use API search to find another method and insert its snippet.
The Playground provides Office, createOffice, SDKError, SDK_ERROR_CODE, and the editor iframe documentIframe
to your code. Connect with Office.word(documentIframe), Office.cell(documentIframe), or
Office.show(documentIframe) to match the document type. Examples use Thinkfree sample documents and explain key API calls in comments.
Troubleshooting
| Symptom | Check |
|---|---|
| Office frame does not open | Confirm the sample opens directly, then check HTTPS and browser errors |
| SDK connection times out | Confirm that the sample document appears. Resolve any open error, reload the page, and retry the SDK connection. |
| Code has no highlighting | Reload the Playground and check whether browser extensions blocked required page assets |
| Editor AI request is blocked | Confirm Editor SDK connected first, then save a Direct key or relay endpoint in LLM settings |