
Un formattatore HTML riscrive il markup HTML con un rientro pulito e coerente in modo che la struttura del documento sia facile da leggere Incolla una pagina minificata, uno snippet copiato da uno strumento di compilazione o un markup scritto a mano con schede e spazi non corrispondenti e il formattatore analizza l'albero dei tag e lo stampa indietro con un livello di rientro per profondità di annidamento L'operazione inversa, minimizzando, spoglia gli spazi bianchi insignificanti tra i tag per ridurre il file per la produzione senza modificare il modo in cui il browser lo esegue il rendering.
L'HTML grezzo raramente arriva in uno stato che puoi scansionare I modelli di server lo emettono su una singola riga, i bundler lo collassano e i frammenti incollati portano qualunque spaziatura sia la sorgente utilizzata L'abbellimento espone il nesting in modo da poter trovare l'elemento di cui hai bisogno, individuare un tag che non è mai stato chiuso o differire due versioni in modo pulito Questo è più importante quando esegui il debug di un layout, controlli il markup per l'accessibilità o leggi il contenuto di qualcun altro per la prima volta Un formattatore trasforma una parete di parentesi angolari in un contorno che puoi effettivamente seguire.
Questo strumento viene eseguito al 100% nel browser con un parser privo di dipendenze, quindi nulla di ciò che incolli viene caricato o registrato e continua a funzionare offline una volta caricata la pagina Il parser è deliberatamente tollerante: applica le stesse regole di chiusura implicita che un browser utilizza per tag come li, p, td e option, quindi il markup nel mondo reale con tag finali omessi formatta ancora correttamente Il contenuto all'interno di script, stile, pre, textarea e titolo viene copiato alla lettera, il che significa che JavaScript, CSS e testo preformattato non vengono mai reindentati o rotti.
Incolla qualsiasi HTML nel pannello di input, sia che venga minificato su una riga, rientrato in modo incoerente o su un frammento copiato da un modello Fai clic su Carica campione per iniziare da una piccola pagina realistica.
Scegli Abbellisci per rientrare il markup per la lettura e la modifica oppure Minifica per comprimerlo nella forma più piccola senza spazi bianchi per la produzione.
Selezionare 2 spazi, 4 spazi o schede per abbellire l'output e, facoltativamente, rimuovere i commenti HTML Il documento viene analizzato per primo, quindi i tag non chiusi vengono segnalati come avvisi.
Copia l'HTML formattato negli appunti o scaricalo come file 'html, quindi rilascialo nell'editor, nel modello o nella pagina.
Re-indent HTML con 2-spazio, 4-spazio, o tabulazione indentazione per la leggibilità, o minify esso al più piccolo forma priva di spazi bianchi, entrambi dallo stesso strumento.
Applica le regole di chiusura implicita del browser per tag come li, p, td e option, quindi il markup con tag finali omessi si forma ancora correttamente anziché interrompersi.
Il contenuto all'interno di script, stile, pre, area di testo e titolo viene copiato alla lettera, quindi JavaScript, CSS e testo preformattato non vengono mai reindentati o alterati.
I paragrafi brevi e in linea funzionano come un, forte ed em rimangono su una riga invece di essere divisi tag per tag, quindi il risultato recita il modo in cui lo scriveresti.
Generate an accessible HTML table from pasted CSV or tab-separated data. Add a header row, caption, striped rows, and borders, then copy the HTML and CSS. 100% in your browser.
Convert HTML to clean Markdown instantly. Turns headings, lists, links, images, blockquotes, code blocks and tables into portable GitHub Flavored Markdown. Tolerant of messy CMS markup. 100% client-side.
Build Markdown tables in a spreadsheet-style editor - import CSV, Excel, or an existing table, set alignment, copy clean GFM
Convert Markdown to clean, semantic HTML with GitHub Flavored Markdown support - tables, task lists, fenced code, heading anchors, live preview and a full HTML document export.
0 comments
No comments yet. Be the first to share your thoughts!