PortuguêsPT

Editor HTML online com pré-visualização ao vivo

Escreva o código à esquerda e o resultado aparece à direita enquanto você digita.

Seus textos e arquivos não saem do navegador: nada é enviado para nenhum servidor.

Tab insere dois espaços. Para sair do editor pelo teclado, aperte Esc e depois Tab.

Pré-visualização

Como usar

  1. Escreva HTML no painel da esquerda. O CSS dentro de <style> e o JavaScript dentro de <script> também rodam.
  2. Com “Atualizar enquanto digito” ligado, a pré-visualização é redesenhada a cada pausa. Se o código for pesado, desligue e clique em “Atualizar” quando quiser.
  3. Mude a “Largura da pré-visualização” para celular ou tablet para testar o layout responsivo.
  4. Quando terminar, clique em “Baixar” para salvar como index.html ou em “Copiar” para levar o código.

Perguntas frequentes

É seguro rodar scripts na pré-visualização?

A pré-visualização roda em um iframe isolado (sandbox) que só permite scripts, então não tem acesso aos cookies nem ao armazenamento deste site, e pop-ups e envios de formulário ficam bloqueados. Mesmo assim, evite colar código de fontes em que você não confia.

Meu código fica salvo?

Não. Ele some quando você fecha ou recarrega a página, e nunca é enviado para um servidor. Baixe ou copie o código se quiser guardar.

Posso carregar CSS, JS ou imagens externos?

Sim, arquivos servidos por https podem ser carregados com <link>, <script src> e <img>. O navegador bloqueia caminhos de arquivos locais do seu computador.

Ferramentas relacionadas

Formatador de HTMLOrganize e indente código HTMLValidador de HTMLConfira as tags e a estrutura do HTMLVisualizador de MarkdownEditor Markdown ao vivo que exporta HTMLMinificador JS/CSSDiminua o tamanho de arquivos JS e CSS

Todas as ferramentas