Início / desenvolvedores / Editor HTML

Editor HTML

Editar HTML com blocos prontos, prévia e download.

Carregando ferramenta…

Como funciona

Os botões de inserir colocam HTML pronto na posição do cursor (botão arredondado, lista suspensa, tabela, campo, etc.). A prévia usa um iframe isolado (sandbox vazio), então tags visuais e CSS aparecem, mas JavaScript não executa. Formatar recua as tags; compactar tira espaços e comentários. Baixar gera um arquivo .html no seu computador.

Exemplo

Clique em “Botão arredondado” e veja o botão na prévia. O HTML correspondente entra no editor.

Perguntas frequentes

Como insiro um botão ou uma lista suspensa?

Use os botões em “Inserir elemento”. O HTML entra na posição do cursor no editor. Depois você pode editar o texto, cores e links.

O JavaScript da página roda na prévia?

Não. A sandbox do iframe bloqueia scripts de propósito, para você poder colar HTML sem executar código de terceiros.

O HTML vai para o servidor?

Não. Tudo fica no navegador. Fecha a aba e o conteúdo some.

Posso colar um HTML completo com doctype?

Sim. Documento completo entra na prévia como está. Fragmento (só um <p>, por exemplo) ganha um envelope mínimo só para a prévia; o editor e o download continuam com o que você digitou.

Ferramentas relacionadas