Pular para o conteúdo

Editor HTML

Escreva no modo visual e veja o código HTML limpo se atualizar enquanto digita, e vice-versa.

Visual
Carregando o editor…
Mais opções de limpeza →
PréviaScripts não são executados aqui. Precisa executar JavaScript? Use o Visualizador HTML
Funciona no seu navegador: seu documento fica salvo só neste dispositivo. O botão Limpar o apaga.

Como usar

  1. Cole seu HTML no painel Código.
  2. Selecione Formatado (2 espaços) ou Compacto em Estilo do código ao sincronizar.
  3. Ajuste o conteúdo no painel Visual para atualizar o HTML.
  4. Escolha Documento completo ou Fragmento em Baixar como para definir o conteúdo a salvar.

Exemplos

Limpar um comunicado copiado do Word

Entrada
<p class="MsoNormal" style="mso-margin-top-alt:auto"><b>Reunião de condomínio</b><o:p></o:p></p>
<p class="MsoNormal" style="font-family:Calibri">A reunião será na quinta-feira, às 19h, no salão de festas.</p>
Saída
<p><strong>Reunião de condomínio</strong></p>
<p>A reunião será na quinta-feira, às 19h, no salão de festas.</p>

Remover atributos de um trecho para WordPress

Entrada
<h2 class="titulo">Feira de produtores em Curitiba</h2>
<p class="resumo">Confira a programação de sábado.</p>
<p></p>
<p><a href="https://example.com.br/feira" class="botao" target="_blank">Veja os horários</a></p>
Saída
<h2>Feira de produtores em Curitiba</h2>
<p>Confira a programação de sábado.</p>
<p><a href="https://example.com.br/feira">Veja os horários</a></p>

Limpar um artigo com script e iframe

Entrada
<h2 style="color:green">Horta na varanda</h2>
<p class="introducao">Comece com manjericão e cebolinha em vasos.</p>
<script>console.log('artigo aberto');</script>
<iframe src="https://example.com.br/video"></iframe>
Saída
<h2>Horta na varanda</h2>
<p>Comece com manjericão e cebolinha em vasos.</p>

Perguntas frequentes

Posso abrir um arquivo do Word no editor HTML?

Arquivos .doc e .docx não podem ser abertos diretamente. Abra o documento no Word ou Google Docs, copie o texto e cole no editor visual.

Por que meu JavaScript não aparece no editor visual?

Scripts não são executados no editor visual nem na Prévia. Eles permanecem no código até você editar visualmente; essa edição remove os elementos que o editor visual não consegue mostrar.

Dá para editar HTML no celular?

Dá, o editor funciona no navegador do celular. Em Layout, alterne entre Visual e Código. Em telas de até 768 px, Dividida é substituída por Visual.

Meu HTML é enviado para algum servidor?

A edição, a limpeza e a formatação acontecem no seu navegador, e o código da ferramenta não envia o documento a nenhum servidor. O rascunho fica salvo neste navegador, se o armazenamento local estiver disponível. Imagens e outros recursos externos são carregados dos endereços originais, e os servidores deles podem ver seu IP.

Qual é o limite de tamanho dos arquivos HTML?

Arquivos maiores que 10 MB são recusados. Acima de 2 MB de código, a sincronização automática entre os painéis fica pausada.