ToolHop.

ADVERT

HTML Preview

Preview HTML in a sandboxed iframe with sanitization, viewport controls, and DOM summary insights.

How to use this tool

  1. Paste HTML into the editor and choose layout/viewport presets.
  2. Use sanitization and script toggles based on trust level of input.
  3. Inspect rendered output and DOM summary, then export preview HTML.

Safety model

  • Sanitization can strip risky markup before rendering.
  • External scripts are blocked by default and require explicit opt-in.
  • Preview runs in a sandboxed iframe isolated from app DOM.

Debug workflow

  • Switch viewport modes to quickly spot responsive issues.
  • Review tag counts and top-level nodes in inspector summary.
  • Copy sanitized HTML when sharing snippets for QA review.

FAQ

Can I include external CSS and JS assets?
Yes. Add one URL per line in controls. External JS runs only when script execution is enabled.
Does sanitization modify my original input?
No. It only affects preview/sanitized output while source text remains unchanged.
Is any preview content uploaded?
No. Rendering and sanitization happen locally in-browser.

ADVERT

ADVERT