Escreva HTML, CSS e JavaScript em três painéis e veja o resultado na hora, com console, erros apontados por linha e link para compartilhar. A prévia roda em um ambiente isolado, sem acesso aos dados deste site.
O editor tem três painéis, HTML, CSS e JavaScript, e uma prévia que se atualiza quando você para de digitar (ou ao clicar em Executar). A prévia é um iframe com sandbox="allow-scripts" e conteúdo em srcdoc, sem allow-same-origin. Na prática isso dá ao seu código uma origem opaca: ele roda JavaScript de verdade, mas não lê cookies, localStorage nem o DOM do site, não envia formulários, não abre popups, não navega a janela principal e não abre alert, confirm ou prompt, que viram linhas no console. O código nunca roda na origem do jkit.tools. Por dentro, um pequeno script injetado antes do seu repassa console.log, info, warn, error e debug, erros não tratados, promessas rejeitadas e imagens ou scripts que falham, e o site só aceita mensagens da janela daquele iframe e da execução atual. Um erro de JavaScript aparece sobre a prévia com a linha do painel de JavaScript e marca a linha no editor. O link para compartilhar guarda o código no fragmento da URL, depois do #, que o navegador não envia a nenhum servidor, comprimido com deflate quando o navegador oferece CompressionStream. Código aberto por link não executa até você clicar em Executar, e a página lembra de não digitar senhas na prévia. Dá para baixar tudo como um único arquivo .html, colar uma página completa (começando em doctype ou html) no painel HTML e carregar bibliotecas por CDN ou chamar APIs com fetch. Limites honestos: não há autocompletar, vários arquivos nem módulos npm, a tecla Tab move o foco em vez de indentar (para o teclado continuar acessível) e um loop infinito pode travar a aba; nesse caso a prévia é marcada como sem resposta, e depois de uma travada a execução automática fica pausada.
Cole o código no seu HTML e a ferramenta aparece na sua página, sem a navegação e sem os anúncios do J-Kit. Ela continua rodando no navegador de quem visita o seu site.
<iframe
src="https://jkit.tools/embed/pt-BR/editor-html-online"
width="100%"
height="600"
style="border:0"
loading="lazy"
title="Editor HTML Online"
></iframe>
<p style="font-size:12px;margin:6px 0 0">Ferramenta por <a href="https://jkit.tools/pt/ferramentas/editor-html-online">J-Kit</a></p>Vai usar em um trabalho, aula ou post? Copie o link ou a referência pronta. A data de acesso é a de hoje.
<a href="https://jkit.tools/pt/ferramentas/editor-html-online">Editor HTML Online</a>
Estas referências ajudam a contextualizar fórmulas, padrões, APIs e limitações usadas nesta página. Elas não substituem validação profissional quando o resultado tiver impacto jurídico, financeiro, médico ou operacional.
Escreva nos três painéis e a prévia atualiza na hora. Não precisa de conta, servidor nem arquivo: o navegador monta uma página com o seu HTML no corpo, o CSS numa tag style e o JavaScript no fim do corpo, e executa tudo num iframe isolado. O console mostra o que o código imprimir.
A prévia roda isolada: o seu código não enxerga cookies, armazenamento nem a página deste site.
671 caracteres no total