livecodes/sdk-embedding

To embed a code playground into a web page, call the createPlayground function with a container selector and an options object to render editable editors directly in the page.

Available loading modes for embedding a playground include eager, lazy, and click. These modes control when the interactive editors initialize on the web page.

Yes, you can configure an embedded playground for a self-hosted deployment by setting the appUrl option within the EmbedOptions during the createPlayground setup.

Embedding live code editors in documentation provides interactive tutorials and sandbox demos, enabling users to run and modify code directly within the page.

When integrating a web code editor, set up the container element by passing a valid CSS selector string to createPlayground, which then renders the interactive environment inside that element.

No additional dependencies are required to load a sandbox demo on the client side. The SDK provides the necessary scripts to render the playground directly in the browser.