Para que serve um editor HTML online
- Código de aula ou curso. Você escreve, vê o resultado do lado e entende o que cada tag faz, sem abrir editor nem salvar arquivo.
- HTML gerado por inteligência artificial. O ChatGPT, o Claude ou o Gemini entregaram uma página inteira e você quer ver como ela fica antes de publicar. Cole aqui.
- Conferir antes de subir. Um ajuste rápido em uma página pronta, para checar se quebrou alguma coisa, sem mexer no site que está no ar.
Como usar
- Cole ou digite o HTML no editor da esquerda. CSS e JavaScript podem ir no mesmo arquivo.
- Veja o resultado na direita. Ele atualiza enquanto você digita.
- Publique se quiser. O botão Publicar copia o código e abre o HTMLy, onde você cola e recebe um link.
Editor de HTML e CSS no mesmo arquivo
- HTML, CSS e JavaScript no mesmo arquivo, como numa página normal, ou separados nas abas CSS e JS: o editor junta tudo na hora de mostrar, baixar e publicar.
- Código colorido enquanto você digita, sem instalar nada.
- Escolha a disposição: lado a lado, em cima e embaixo, só o código ou só o resultado. Arraste a divisória para ajustar.
- O resultado roda em um quadro isolado, sem acesso à página de fora.
- Nada é enviado a servidor nenhum. O rascunho fica guardado só no seu navegador, até você clicar em Limpar.
- Erros do JavaScript aparecem embaixo do resultado, com o número da linha.
- Veja o resultado no tamanho de celular, tablet ou tela cheia.
- Baixe o arquivo pronto com o botão Baixar ou com Ctrl+S.
- Funciona no celular: o editor fica em cima e o resultado embaixo.
Perguntas frequentes
Preciso criar conta para usar o editor?
Não. Cole o código e veja o resultado. Não há cadastro, login nem instalação.
O código que eu colo fica salvo em algum lugar?
Só no seu navegador, como rascunho, para você não perder o que estava fazendo se fechar a aba. Nada é enviado a servidor nenhum. Clique em Limpar para apagar o rascunho.
Funciona com CSS e JavaScript?
Sim, de dois jeitos. No mesmo arquivo, com <style> e <script>, como em qualquer página. Ou nas abas CSS e JS: o editor coloca o CSS no <head> e o JavaScript no fim do <body> na hora de mostrar, baixar e publicar.
Como coloco o HTML no ar com um link?
Use o botão Publicar: ele copia o código e abre o HTMLy, onde você cola e recebe um endereço na hora. Também dá para usar o GitHub Pages, que exige mais passos.
Serve para HTML feito por inteligência artificial?
Sim, é o uso mais comum. Cole o que o ChatGPT, o Claude ou o Gemini gerou e veja como fica antes de publicar.
Precisa baixar ou instalar alguma coisa?
Não. É um editor HTML online: abre no navegador, no computador ou no celular, sem baixar programa nem extensão.