Iniciação rápida
-
Edit Fonte
Altere o HTML na área de texto à esquerda.
-
Preview do Swatch
O painel direito atualiza à medida que você digita.
Editor HTML
Escreva HTML à esquerda e visualize a saída renderizada à direita; ótimo para snippets e modelos de email.
Privacidade: processado localmente, nunca carregado.
↓ Colar na área de entrada abaixo para ver os resultados instantaneamente
左侧编辑 HTML，右侧实时预览渲染效果。
HTML 源码
预览
Hello
Edit HTML on the left and preview on the right.
Notas
安全提示
预览使用当前页面上下文渲染; 请勿粘贴不可信来源的脚本内容。
Escreva HTML à esquerda e visualize a saída renderizada à direita; ótimo para snippets e modelos de email.
Use Casos
Valida snippets de texto rico, HTML de e-mail e blocos de landing page no navegador.
Características e casos de uso
Edite o HTML à esquerda com pré - visualização ao vivo à direita - não é necessário um servidor local para verificar a renderização.
Use para modelos de e-mail, depuração de exportação de texto rico, marcação de ensino e verificações rápidas de layout.
Fluxo de trabalho típico
À medida que você digita código HTML no editor esquerdo, o painel de visualização atualiza em tempo real. Teste rapidamente os efeitos da tag, como modificar <h1>Estilos ou ajuste das bordas da tabela. Ao solucionar problemas, adicione bordas temporárias ou cores de fundo para depurar layouts de elementos.
Para os modelos de e-mail, válido a estrutura básica aqui antes de testar em clientes de e-mail reais. Note que clientes como o Outlook podem ter suporte CSS limitado - use esta ferramenta para alternar rapidamente entre variações de código para verificações de compatibilidade.
Exemplos
Exemplo
Input
<h1>Hello</h1>
Output
Rendered heading
FAQ
Será que ele corre guiões?
A visualização renderiza em página; não cole scripts não confiáveis.
Por que meu modelo de e-mail é renderizado corretamente aqui, mas quebra quando enviado?
A maioria dos clientes de e-mail usa motores de renderização desatualizados. Soluções: 1) Use layouts baseados em tabelas em vez de Divs, 2) Inline todos os estilos CSS, 3) Se disponível, habilite "Email Client Simulation" na ferramenta. Plataformas como Gmail e Outlook têm restrições únicas que exigem adaptações específicas.