// the find
maykbrito/fronteditorv2
⚡️ Empower creativity with seamless code editing!
A browser-based HTML/CSS/JS playground built on Monaco Editor with live preview in an iframe. It's the kind of tool you'd use to quickly prototype a snippet or share a demo without spinning up a CodePen account. Gist integration and URL-param-driven layout make it more scriptable than most similar tools.
TextMate grammar loading gives you actual syntax highlighting quality rather than Monaco's built-in tokenizer alone. The URL param system (hideTabs, editorOnly, previewOnly, vertical, reverse) is genuinely useful for embedding the editor in documentation or screencasts without hacks. Emmet support via emmet-monaco-es is wired in, which saves real time. The download-as-zip feature bundles your HTML/CSS/JS into a self-contained file — a small but practical touch that CodePen still charges for.
State lives entirely in localStorage keyed by URL path, so there's no persistence layer — close the tab on a long session in an incognito window and it's gone. The live preview runs in a same-origin iframe, which means any code you type can read the parent page's DOM and cookies; the SafetyNotification component suggests the author is aware of this but hasn't isolated it. No tests anywhere — not a single unit or integration test file in the tree. The roadmap lists 'AI copilot' but the codebase is a single-author side project with 51 forks and stalled contribution activity, so treat that as aspirational.