Editor HTML
Edite, renderize e depure HTML.
Exemplos de uso
Testar rapidamente um pequeno trecho de HTML
Veja exatamente como um trecho de marcação ou CSS realmente fica sem precisar abrir um editor de código.
Pré-visualizar um modelo HTML para e-mail
Enquanto escreve o HTML de uma newsletter ou e-mail de notificação, veja o resultado renderizado atualizar em tempo real.
Depurar o comportamento do JavaScript junto com o console
Coloque código dentro de uma tag <script> e abra o console de desenvolvedor do navegador para ver os logs e erros da pré-visualização em execução.
Perguntas frequentes
O HTML que eu escrevo é enviado para um servidor?
Não. A renderização acontece inteiramente no seu navegador, e o que você insere nunca é enviado a um servidor.
O JavaScript realmente é executado?
Sim. A pré-visualização roda dentro de um iframe isolado, e qualquer <script> dentro do seu HTML também roda ali. Esse iframe é isolado (sandboxed) para que não consiga acessar a página pai nem qualquer outro site.
Ele consegue carregar imagens externas ou scripts de CDN?
Sim. A pré-visualização se comporta como um ambiente de navegador normal, então referências como <img src="https://..."> ou <script src="https://..."> carregam normalmente.
O que eu escrevo fica salvo em algum lugar?
Fica salvo apenas no armazenamento local do seu navegador, então continua lá se você voltar depois. Nunca é enviado a um servidor.