Recursive HTML

Have your HTML file output instantaneously with Recursive HTML!

Recursive HTML is a client-side tool to test and debug small code snippets. You write the HTML code and receive the output recursively and instantaneously.

What it has:

Done

• Pure HTML5 + JS (ES) + CSS3
• Single self-contained HTML file
• Dark-mode
• Syntax highlighting
• Client-side only app (Working online and local)
• Shareable links without a backend (using Base64)
• Saves content to a local file
• Saves scroll position on editor change
• Capturing: Console.log, console.error, throw new Error('!'), Form submit and Noscript | Example
• Sublime shortcuts
• Hold fab button (mobile) & Ctrl + S (Computer) to save it
• Sniper-like screen to show sizes and scroll offset in canvas | Example
• Result on a div projecting a shadow-dom
• Pressing the fab button shows the content sandbox (as an iframe)
• Full page (MAXIMIXED) rendering (@param m=1 + HTML=...) | Example

Partially done

• Recursive sidebar with HTML elements
• Context menu with "reverse rendering"

Not Done

• Working offline (Because it doesn't allow it without a service worker)

Uses

• Codemirror 5
• Split-JS

License

MIT