Pré-visualizador de HTML

Cola HTML e vê uma pré-visualização em tempo real renderizada numa frame isolada.

Ferramentas

A pré-visualização aparece aqui

Scripts, formulários, embeds e links interativos são desativados. Recursos externos são bloqueados para manter a pré-visualização isolada.

Segurança

  • A pré-visualização é sanitizada antes de ser renderizada, por isso script tags, event handlers e elementos perigosos são removidos.
  • O conteúdo é renderizado dentro de um iframe sandboxed com uma Content Security Policy restritiva.
  • Estilos inline são permitidos, mas CSS remoto, fontes, iframes, SVG e outros recursos externos são bloqueados.
  • Usa o botão Copiar para levar o HTML original para a área de transferência.

O que faz esta ferramenta?

Esta ferramenta analisa o teu HTML no browser, remove elementos e atributos arriscados, e depois renderiza o markup restante dentro de um iframe sandboxed. Assim podes inspecionar a estrutura e os estilos inline sem injetar HTML arbitrário na página principal.

É intencionalmente restritiva. O objetivo é oferecer uma pré-visualização visual segura, não um emulador completo de browser. Se o teu snippet depender de JavaScript, conteúdo incorporado, recursos remotos ou comportamento de SVG, essas partes são bloqueadas de propósito.

O que é bloqueado

  • Scripts e handlers inlinescript tags, URLs javascript: e atributos do tipo onClick são removidos antes da renderização.
  • Conteúdo embutido e interativoiframes, formulários, inputs, media embeds e elementos semelhantes são removidos para reduzir abuso.
  • Recursos externosstylesheets remotos, fontes e outros recursos externos são bloqueados para manter a pré-visualização isolada.