Share (update #/)
Copy link
Clear hash
Export HTML file
State compressed with LZString in URL hash (prefix "#/")
HTML
Use {{varName}} to insert variables
<h1>{{title}}</h1> <p>{{text}}</p> <button onclick="alert('vars.title = ' + vars.title)">Show title via JS</button>
CSS
You can also include {{varName}} in CSS (replaced before run)
body { font-family: system-ui, sans-serif; padding:20px; } h1 { color: teal; }
JS
Window variable: vars (object of your custom vars)
console.log('vars object:', vars); document.body.style.background = vars.bg || '';
Custom variables
Add many key:value pairs
Add
Random text generator
Generates a new variable named textN
Generate & Add
Insert into HTML cursor
Generated text is created and inserted as a new var (text1,text2...). You can reference it with {{text1}} in HTML/CSS.
Preview