\n A DOM library for interacting with TypeScript and JavaScript\n code, which powers the heart of the{\" \"}\n TypeScript playground\n
\nYou can use the TypeScript sandbox for:
\n\n For example, the sandbox to the side has grabbed the Types for{\" \"}\n DangerJS with no\n modifications for this code sample. This is because the\n Playground's Automatic Type Acquisition is enabled by default.\n It will also look for the same parameters for code, and\n selection indexes inside the URL.\n
\n\n Try clicking{\" \"}\n \n this URL\n {\" \"}\n to see that in action.{\" \"}\n
\n\n This library builds on top of the{\" \"}\n \n Monaco Editor\n \n , providing a higher level API but offering access to all the\n lower-level APIs via a single sandbox object.\n
\n You can find the code for the TypeScript Sandbox inside the{\" \"}\n \n microsoft/TypeScript-Website\n {\" \"}\n mono-repo.\n
\n\n Downloading Sandbox...\n
\n\n A sandbox uses the same tools as monaco-editor, meaning this\n library is shipped as an AMD bundle which you can use the{\" \"}\n \n VSCode Loader\n {\" \"}\n to require.\n
\n Because we need it for the TypeScript website, you can use our\n hosted copy{\" \"}\n
\n Create a new file: index.html and paste this code\n into that file.\n
\n \n {`\n\n \n \n \n Loading...\n \n \n`}\n \n \n \n Opening the file index.html in a web browser will\n load up the same sandbox up at the top of the page.\n
{code.blurb}
\n\n {code.code.trim()}\n \n \n The API is mainly a light shim over the{\" \"}\n \n monaco-editor API\n {\" \"}\n with the{\" \"}\n \n monaco-typescript API\n \n .\n
\n