Algo errado nesta ferramenta?

Sobre «Editor HTML Online»

Esta ferramenta é um editor HTML baseado em navegador com pré-visualização ao vivo. Digite ou cole HTML, CSS e JavaScript nos painéis do editor, e o resultado renderizado aparece imediatamente em um frame de pré-visualização em sandbox. As mudanças são refletidas conforme você digita.

Use para prototipagem rápida, ensinar conceitos de front-end, compartilhar reproduções mínimas de um bug, testar snippets de CSS ou JavaScript sem configurar um projeto, ou mostrar snippets de markup a outros.

Toda a edição acontece em seu navegador; nada é enviado a um servidor. Seu código persiste no armazenamento do navegador entre visitas, então você pode voltar a um rascunho depois sem perder o trabalho.

Como usar esta ferramenta

Como pré-visualizar ao vivo um snippet de HTML

  1. Digite ou cole o HTML

    Fragmento, documento inteiro, ou só um `<div>` no campo "HTML". `<style>` e `<script>` inline são mantidos literalmente — executam na pré-visualização como executariam num navegador.

  2. Executar

    Resultado: um único campo `preview` — a saída renderizada, inline ou como URL de iframe sandboxed conforme a plataforma. Útil para checar estilo, espaçamento ou se um `<details>` colapsa como esperado.

  3. Trade-offs do sandbox

    A pré-visualização executa seu código — esse é o ponto. Não cole JS hostil em que você não confia. Se o snippet usa `localStorage`, `fetch` ou scripts de CDN de terceiros, restrições do sandbox podem bloqueá-los — coloque o snippet num arquivo local real quando precisar de acesso completo de rede/armazenamento.

  4. Persistir o resultado

    A saída é efêmera; a ferramenta não é um CMS. Copie qualquer snippet que funcione de volta para um arquivo do seu projeto, commit, e use este editor apenas para experimentação rápida e ad hoc.