Documentation

Getting Started Guide

Welcome to Embedenv! Learn how to integrate secure, sandboxed code compilers, interactive playgrounds, and terminal terminals into your developer platforms, websites, and tutorials in minutes.

1. Overview

Embedenv solves the "localhost friction" for developers reading coding tutorials or documentation. Instead of copying static code snippets and setting up environments locally, Embedenv replaces static text blocks with live, remote-sandbox-powered interactive compilers in 34+ programming languages.

Note: All script loads, layout customizer configurations, and styles are 100% free. Run credits are only consumed when readers press the "Run" trigger inside compiling terminals.

2. Interactive Code SDK Integration

Follow these 3 simple steps to integrate runnable code compilers into any HTML page or blog editor (WordPress, Ghost, etc.):

Paste Light JS Script Tag

Add our lightweight loader script tag inside your HTML page header or head section. Replace `demo-public-key` with your active public key from the developer dashboard.

HTML Header

<script src="https://embedenv.com/embed.js" data-key="demo-public-key"></script>

Tag Your Static Pre Code Blocks

Wrap your static program code blocks inside standard `pre` and `code` tags. Add class `embed-code-block` and define the language using the `data-lang` attribute (e.g. `python`, `javascript`, `cpp`).

Markdown/HTML Code

<pre class="embed-code-block" data-lang="python">
<code>
# Interactive Python Script
name = input("Enter your name: ")
print(f"Hello, {name}! Welcome to Embedenv.")
</code>
</pre>

Beautiful Playgrounds Instantly Rendered

Embedenv will automatically parse the tagged elements, inject an interactive editor container, compile code execution requests on our remote VM clusters, and output terminal logs dynamically.

3. Live SDK Demo

Below is a live rendering of the compiled widget produced by the code tag template shown above. Try running the script directly:

main.py

          # Try modifying and executing this Python snippet

          name = input("Enter your name: ")

          print(f"Hello, {name}! Welcome to Embedenv.")

Press the "Run Code" button above to launch execution container logs...

4. Next Steps

Dive deeper into our integration manuals to discover full capabilities:

JS SDK Reference

Learn about container sizing options, custom theme editors, and communication bridges.

Execution API Reference

Learn how to connect to secure WebSocket compiler endpoints for raw container input streams.