Conversor de HTML para Pug
Converta HTML para a sintaxe de template Pug
O que é esta ferramenta?
Esta ferramenta online gratuita permite converter rapidamente HTML padrão em modelos Pug limpos e indentados. É ideal para desenvolvedores que usam Node.js e frameworks web modernos que preferem código legível e fácil de manter.
Como usar
- Cole seu código HTML no editor ou digite-o manualmente.
- Clique em Converter para gerar o código Pug correspondente.
- Baixe, copie ou compartilhe o resultado com um link único.
Você também pode entrar com Google ou GitHub para salvar seu histórico de conversões para uso futuro.
O que é Pug?
Pug é um motor de template de alto desempenho para Node.js, inspirado no Haml. Ele substitui o HTML tradicional por uma sintaxe concisa e sensível a espaços em branco, melhorando a clareza do código e reduzindo a repetição.
Pug é comumente usado em aplicativos web construídos com Express.js e oferece recursos avançados como reutilização de código, incorporação de lógica e indentação mais limpa.
Saiba mais na documentação oficial do Pug.
Exemplo de Sintaxe Pug
doctype html
html(lang="en")
head
title= pageTitle
script(type="text/javascript").
if (foo) bar(1 + 5)
body
h1 Pug - motor de template para node
#container.col
if youAreUsingPug
p Você é incrível
else
p Entre nessa!
p.
Pug é uma linguagem de template concisa e simples
com forte foco em desempenho e recursos.
Exemplo de HTML vs Pug
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Pug</title>
<script type="text/javascript">
if (foo) bar(1 + 5)
</script>
</head>
<body>
<h1>Pug - motor de template para node</h1>
<div id="container" class="col">
<p>Você é incrível</p>
<p>Pug é uma linguagem de template concisa e simples com forte foco em desempenho e recursos poderosos.</p>
</div>
</body>
</html>
Pug
doctype html
html(lang="en")
head
title Pug
script(type="text/javascript").
if (foo) bar(1 + 5)
body
h1 Pug - motor de template para node
#container.col
p Você é incrível
p Pug é uma linguagem de template concisa e simples com forte foco em desempenho e recursos poderosos.