Vai al contenuto
Numio

Convertitore da HTML a Pug online — Numio

Converti HTML nella sintassi dei template Pug (in precedenza Jade), che usa i rientri al posto dei tag di chiusura. Scegli tra documento completo e frammento HTML, e imposta tabulazioni, virgole e stile delle virgolette. La conversione avviene localmente nel browser, senza caricare l’HTML su un server.

Crea una base per un template Pug a partire da markup HTML esistente.

L’elaborazione avviene localmente nel browser; i dati non vengono caricati. Il testo può rimanere nella scheda quando cambi strumento; cancellalo sui dispositivi condivisi.
Opzioni di output Pug
Carica un esempio (sostituisce il contenuto inserito)

Quando usarlo

  • Crea una base per un template Pug a partire da markup HTML esistente.
  • Controlla come attributi e annidamenti si traducono in Pug su un breve snippet prima di convertire un’intera pagina.

Come si usa

  1. Incolla HTML oppure carica un esempio (frammento HTML, attributi di un modulo, documento HTML). Caricare un esempio sostituisce l’input.
  2. Attiva la modalità frammento per convertire solo lo snippet senza elementi contenitori html, head e body. L’esempio seguente usa questa modalità, con tabulazioni e virgole attive e virgolette doppie disattivate.
  3. Copia il Pug e compilalo nel tuo ambiente Pug per controllare l’HTML risultante.

Input HTML

<section class="card"><h2>News</h2><p>Registration is open</p></section>

Output Pug (modalità frammento, tabulazioni e virgole attive)

section.card
	h2 News
	p Registration is open

Dettagli e limiti

Con la modalità frammento disattivata, l’HTML viene trattato come un documento e possono essere aggiunti html, head e body. Attivala quando servono solo gli elementi.

Mescolare tabulazioni e spazi può cambiare le relazioni tra elementi padre e figlio in Pug. Segui lo stile di rientro del tuo progetto.

L’HTML ripetuto non viene trasformato in cicli each, mixin o variabili Pug, e CSS, immagini e script esterni non vengono inclusi.

Il parser HTML può correggere tag incompleti. Una conversione riuscita non convalida l’HTML e non garantisce una pagina identica.

FAQ

Perché vengono aggiunti i tag html e body?

In modalità documento, il parser completa gli elementi esterni. Attiva la modalità frammento per convertire l’HTML di un componente senza elementi contenitori.

Posso convertire HTML in Pug in VS Code o dalla riga di comando?

Questa pagina usa il pacchetto open source html2pug. Installalo da npm per convertire file in uno script o dalla riga di comando, oppure continua a usare questa pagina per piccoli snippet.

Come posso riconvertire Pug in HTML?

Questa pagina converte solo HTML in Pug. Per ottenere di nuovo HTML, compila il template con Pug, ad esempio tramite il pacchetto pug-cli.

Il mio HTML viene caricato su un server?

No. La conversione avviene localmente nel browser e l’HTML non viene caricato. Cancella l’input dopo aver usato un dispositivo condiviso.

Specifiche e riferimenti