Developer Integration

API Reference

Documentation for programmatic embedding, URL query parameters, and iframe postMessage hooks.

1. URL Query Parameters

You can pre-load code snippets into the editor programmatically using URL query parameters:

https://preview.livewebtester.com/editor.html?template=tailwind

2. Iframe Embedding Guide

Embed Live Web Tester directly into your documentation, blog, or tutorial platform with a standard iframe:

<iframe
  src="https://preview.livewebtester.com/editor.html"
  width="100%"
  height="600px"
  frameborder="0"
  sandbox="allow-scripts allow-modals">
</iframe>

3. Template Injection Schema

The template engine accepts structured objects containing HTML, CSS, and JS strings:

{
  html: '<div class="box">Hello</div>',
  css: '.box { color: blue; }',
  js: 'console.log("Ready");'
}

Ready to test your frontend code?

Launch the live playground right in your browser with zero setup.

Launch Editor Now