Hello, World!

This is a live HTML preview. Edit the code on the left to see changes.

Styled components
Fully sandboxed
No backend required

`; function render() { clearAlert(alertBox); const html = inputEl.value; if (!html.trim()) { showAlert(alertBox, 'warning', 'Enter some HTML to preview.'); return; } const blob = new Blob([html], {type: 'text/html'}); const url = URL.createObjectURL(blob); preview.src = url; } document.getElementById('renderBtn').addEventListener('click', render); document.getElementById('clearBtn').addEventListener('click', () => { inputEl.value=''; preview.src='about:blank'; clearAlert(alertBox); }); document.getElementById('sampleBtn').addEventListener('click', () => { inputEl.value = SAMPLE; render(); }); inputEl.addEventListener('keydown', e => { if (e.ctrlKey && e.key === 'Enter') render(); });