Embellisseur HTML et formateur

Format du code HTML :

Formatateur HTML

Entrez votre code HTML désordonné, minifié ou obscur dans le champ ci-dessus pour le nettoyer et le rendre joli. L'éditeur ci-dessus contient également des numéros de ligne utiles et une mise en surbrillance syntaxique. Il existe de nombreuses options pour adapter l'embellisseur à vos goûts de formatage personnels.

Quand utilisez-vous HTML Viewer, HTML Formatter, HTML Formatter

Souvent, lors de l'écriture HTML, votre indentation, l'espacement et d'autres formatages peuvent devenir un peu désorganisés. Il est également courant que plusieurs développeurs travaillent sur un seul projet qui ont différentes techniques de formatage. Cet outil est utile pour rendre le formatage d'un fichier cohérent. Il est également courant que le HTML soit minifié ou obscurci. Vous pouvez utiliser cet outil pour rendre ce code joli et lisible afin qu'il soit plus facile à modifier.

Exemples

Le HTML minifié ci-dessous :

                                                    <ul class="dropdown-menu">
<li><a href="/javascript-minify">Javascript Minify</a></li><li><a href="/css-minify">CSS Minify</a></li><li><a href="/css-beautify">CSS Beautify</a></li><li><a href="/javascript-beautify">Javascript Beautify</a></li><li><a href="/html-beautify">HTML Beautify</a></li><li><a href="/perl-beautify">Perl Beautify</a></li><li><a href="/php-beautify">PHP Beautify</a></li><li><a href="/go-beautify">GO Beautify</a></li><li><a href="/ruby-beautify">Ruby Beautify</a></li><li><a href="/sql-beautify">SQL Beautify</a></li><li><a href="/xml-beautify">XML Beautify</a></li></ul>

Devient cette embellie :

<ul class="dropdown-menu">
    <li><a href="/javascript-minify">Javascript Minify</a>
    </li>
    <li><a href="/css-minify">CSS Minify</a>
    </li>
    <li><a href="/css-beautify">CSS Beautify</a>
    </li>
    <li><a href="/javascript-beautify">Javascript Beautify</a>
    </li>
    <li><a href="/html-beautify">HTML Beautify</a>
    </li>
    <li><a href="/perl-beautify">Perl Beautify</a>
    </li>
    <li><a href="/php-beautify">PHP Beautify</a>
    </li>
    <li><a href="/go-beautify">GO Beautify</a>
    </li>
    <li><a href="/ruby-beautify">Ruby Beautify</a>
    </li>
    <li><a href="/sql-beautify">SQL Beautify</a>
    </li>
    <li><a href="/xml-beautify">XML Beautify</a>
    </li>
</ul>