HTML Beautifier & Формировщик

Форматировать HTML-код :

Форформатировщик HTML

Введите свой грязный, миниатюрный или запутанный HTML в поле выше, чтобы он был очищен и сделан красивым. Редактор выше также содержит полезные номера строк и подсветку синтаксиса. Есть много вариантов, чтобы адаптировать краситель к вашим личным вкусам форматирования.

Когда вы используете средство просмотра HTML, HTML Formatter, HTML Formatter

Часто при написании HTML ваш отступ, интервал и другое форматирование могут стать немного дезорганизованными. Это также часто для нескольких разработчиков, чтобы работать над одним проектом, которые имеют различные методы форматирования. Этот инструмент полезен для обеспечения согласованности форматирования файла. Это также распространено для HTML, чтобы быть уменьшенным или запутанным. Вы можете использовать этот инструмент, чтобы сделать этот код красивым и читаемым, чтобы его было легче редактировать.

Примеры

Минифицированный HTML ниже :

                                                    <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>

Становится этим украшенным :

<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>