Html para Pug

Converte marcação HTML na sintaxe de template Pug (antigo Jade) usando o DOMParser do navegador. O conversor produz uma sintaxe Pug abreviada limpa: tags div são omitidas quando possuem uma classe ou id, classes tornam-se seletores .class, ids tornam-se seletores #id e os atributos restantes são emitidos entre parênteses.

1. Cole o HTML na área de texto HTML Input. 2. Defina o Tamanho do Recuo (1-8) e alterne Usar Tabulações e Aspa Simples conforme desejado. 3. Clique em Converter. 4. Use Copiar no cartão Pug Output para copiar o resultado.

O recuo usa o número configurado de espaços ou uma única tabulação. Os valores dos atributos usam aspas simples ou dupla com base na opção Aspa Simples. Os atributos class e id são convertidos para a notação abreviada .class / #id e removidos da lista de atributos; o atributo style é mantido como style="..." após os parênteses. Elementos vazios sem filhos (img, br, input, hr, meta, link, etc.) são auto-fechados com uma / final. Um único filho de texto é colocado em linha após a tag; vários filhos são aninhados nas linhas seguintes. Nós de texto autônomos são prefixados com uma barra vertical (| ).