Show HN: A VSCode Extension to edit HTML visually in real-time

Original Article ↗ Hacker News Discussion ↗

A new open source VS Code extension offers real‑time, visual editing of static HTML, prompting comparisons to early 2000s tools like Dreamweaver and FrontPage. Commenters note its current limitations — notably lack of JavaScript support and a focus on single HTML files — but see value in tight feedback loops, synchronized code/element selection, and simple landing‑page workflows. The project also rekindles a broader debate over modern web development, with some arguing that today’s framework‑heavy, JavaScript‑laden sites are overkill for largely static content that could be handled with plain HTML and light scripting.

Functionality & Scope

  • Extension provides real-time visual preview of HTML directly inside VS Code, with synchronized selection between code and rendered elements.
  • Changes in the visual pane can be reflected back into source code, though the author considers this editing part less generally useful than preview/selection.
  • Currently targets static HTML files and resources; JavaScript is disabled for now due to uncertainty about its effects.
  • Not compatible with React/JSX, but may be usable with Vue single-file components and simple static content, landing pages, or basic components.
  • Complex HTML is fine as long as it’s essentially one HTML file plus linked resources; there may be issues with Web Components.

Comparison to Existing Tools

  • Several commenters see it as similar to common “live preview” setups (with autosave + browser refresh) or VS Code’s official Live Preview extension.
  • Distinguishing points: no extra processes/servers, tight VS Code integration, and code–preview selection syncing.
  • Some users point out the value of having an open-source, non–Microsoft alternative given concerns about closed-source VS Code extensions.

Usefulness & Limitations

  • Supporters appreciate the tighter feedback loop and convenience of not needing to save or switch windows to see changes.
  • Others argue the feature set is modest and not significantly beyond existing preview tools.
  • Requests include live preview for Sass and enabling JavaScript when safe or user-controlled.
  • A few people are interested in using such tools to manage or refactor static sites without templating systems.

Historical Context & Nostalgia

  • Many compare it to older WYSIWYG editors (Dreamweaver, FrontPage, Netscape/Mozilla Composer, Nvu, HotDog, Brackets), noting a sense of “full circle” in web tooling.
  • Some find the current tool comparatively “basic” versus 20+ year-old editors, while others appreciate having a modern, browser-engine-based implementation inside VS Code.

Broader Web Development Debate

  • Thread branches into a larger debate about modern frontend complexity vs. “just HTML/CSS/JS.”
  • Some see tools like this as a small push back toward simpler static sites; others stress that frameworks exist to manage state, complexity, and reuse in large apps.