無料のオンラインHTMLビューティファイア/フォーマッタ

Input data
bfotool loadding
Output data
bfotool loadding

HTMLフォーマッタ

乱雑な、縮小された、または難読化されたHTMLを上のフィールドに入力して、クリーンアップしてきれいにします。上記のエディターには、役立つ行番号と構文の強調表示も含まれています。あなたの個人的なフォーマットの好みに合わせて美容師を調整するための多くのオプションがあります。

HTMLビューア、HTMLフォーマッタ、HTMLフォーマッタをいつ使用しますか

多くの場合、HTMLを作成するとき、インデント、間隔、およびその他のフォーマットが少し混乱する可能性があります。また、複数の開発者が、異なるフォーマット手法を持つ単一のプロジェクトで作業することもよくあります。このツールは、ファイルのフォーマットを一貫させるのに役立ちます。HTMLが縮小または難読化されることも一般的です。このツールを使用すると、コードを美しく読みやすくして、編集しやすくすることができます。

例HTMLフォーマッタ

以下の縮小されたHTML:

<nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> </div><ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li><li><a href="#">Page 1</a></li><li><a href="#">Page 2</a></li><li><a href="#">Page 3</a></li></ul> </div></nav>

この美化になります:

<nav class="navbar navbar-default">
     <div class="container-fluid">
         <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> 
         </div>
         <ul class="nav navbar-nav">
             <li class="active"><a href="#">Home</a>
             </li>
             <li><a href="#">Page 1</a>
             </li>
             <li><a href="#">Page 2</a>
             </li>
             <li><a href="#">Page 3</a>
             </li>
         </ul>
     </div>
 </nav>