x
1
<html>
2
 <head></head>
3
<body>
4
​
5
    <div id="message"></div>
6
​
7
    <script>
8
       document.getElementById('message').innerHTML = 'Edit code left, see the result right';
9
    </script>
10
​
11
</body>
12
<html>

Share Your Code

Option 1: Share via GitHub Gist (Recommended)

Create a new Gist at gist.github.com, paste your code, click "Raw" after saving, then add the raw URL to: https://realtimehtml.com/#https://gist.githubusercontent.com/user/id/raw/...

Option 2: Quick Share (URL Compressed)

Get an instantly shareable link with your code compressed into the URL (max 1200 lines).

Option 3: Embed Code

Add this HTML code to embed the editor in your website. You can test the embed code in this editor itself:

Available Editors

HTML/CSS/JS

Real-time HTML, CSS, and JavaScript editor with live preview

Svelte

Svelte component editor with Tailwind CSS support

Markdown

Markdown editor with instant preview and GitHub flavor

GLSL Shader

WebGL shader editor with Shadertoy compatibility

Tailwind CSS

Tailwind CSS playground with class suggestions

For payment-related issues or refund requests, please contact me@davidb.dev