[HTML] Recursive HTML

Render your HTML output instantly with Recursive HTML!

Recursive HTML is a client-side tool to test and debug small code abstractions. You write the HTML code and get the output recursively, almost instantly.
This tool is a reimagination of the legendary tool Real-time HTML Editor

What it should have:

Done

• Pure HTML5 + JS (ES) + CSS3
• Dark-mode
• Syntax highlighting
• Client-side only app
• Possibility to share link without a back end with base64
• Single self-contained HTML file
• Works online and locally
• Option to save the content to a file
• Save scroll position when the editor changes
• Sidebar examples now can be called by link: Example: 'https://www.recursivehtml.com#sectioning'
• Capturing: Script : 'Console.log, console.error, throw new Error('!')', Form Submit and Noscript
• 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 inside a div projecting a shadow-dom
• Pressing the fab button shows the content sandbox (like an iframe)
• Full page (MAXIMIZED) rendering (@param m=1 + HTML=...) | Example



Partially done

• Recursive sidebar with HTML elements


• Context menu with "reverse rendering"



Not Done

• Working offline (full cache)

Preview

Open in a new tab

Extras

Pagespeed: Score 100%

W3C: Valid CSS

Credits

Hosted on: Github

Uses Codemirror 5 and Split-js