O que é o Editor HTML?

Este é um editor HTML online completo com pré-visualização em tempo real. Escreva ou cole código HTML no painel esquerdo e veja o resultado renderizado instantaneamente à direita.

Diferente de um simples visualizador, este editor é projetado para escrever e editar. Envie arquivos HTML existentes, formate código desorganizado com um clique e baixe seu trabalho finalizado.

Tudo roda localmente no seu navegador. Seu código HTML nunca toca nossos servidores. É rápido, grátis e completamente privado.

Como Usar o Editor HTML

Siga estes passos para escrever, editar e visualizar seu HTML.

Escreva ou Envie HTML

Comece a digitar HTML no editor, ou clique em Enviar para carregar um arquivo .html existente. Você também pode clicar em Exemplo para carregar uma página de demonstração.

Veja a Pré-visualização ao Vivo

O painel direito renderiza seu HTML instantaneamente enquanto você digita. Estilos CSS, imagens e JavaScript executam na pré-visualização isolada.

Formate e Edite

Clique em Formatar para auto-indentar seu código. Arraste o divisor para redimensionar os painéis. Clique em Maximizar para ver a pré-visualização em tela cheia.

Baixe ou Copie

Clique em Baixar para salvar seu trabalho como arquivo .html, ou Copiar para copiar o código para a área de transferência.

Quando Você Usaria Isso

Prototipagem de Páginas Web

Construa e teste rapidamente layouts HTML, componentes ou páginas inteiras. Veja suas alterações renderizadas em tempo real.

Aprendendo HTML

Perfeito para iniciantes aprendendo HTML. Escreva tags, veja o que fazem, experimente com atributos e estilos.

Testando Trechos de Código

Tem um trecho HTML de um tutorial ou Stack Overflow? Cole, veja como renderiza, ajuste e copie o resultado.

Edição de Templates de Email

HTML de email é complicado com estilos inline e layouts de tabela. Envie seu template, edite visualmente e baixe o resultado.

Perguntas Frequentes

Meus dados HTML são armazenados?

Não. Tudo roda inteiramente no seu navegador. Seu HTML nunca sai do seu computador a menos que você baixe ou copie explicitamente.

O editor suporta CSS e JavaScript?

Sim. Estilos inline, tags <style> e tags <script> funcionam. A pré-visualização roda em um iframe isolado por segurança.

Quais formatos de arquivo posso enviar?

Você pode enviar arquivos .html e .htm. O conteúdo será carregado diretamente no editor.

Como funciona o botão Formatar?

O botão Formatar auto-indenta seu código HTML com aninhamento correto, tornando HTML desorganizado legível.

Posso usar como playground HTML?

Com certeza. Funciona perfeitamente como sandbox para experimentar com HTML, CSS e JavaScript.

A pré-visualização é segura?

A pré-visualização renderiza dentro de um iframe isolado, separado da página principal.

Ferramentas HTML e Web Relacionadas

Este editor é ótimo para escrever e visualizar HTML, mas às vezes você precisa de ferramentas complementares: