HTMLのコード整形ツール

HTMLのコード整形ツール

HTMLコードに適切なインデントと改行を付けて、確認しやすく整形するサービスです。ソースコードの整理、分析などにご利用下さい。

整形前のコード

整形後のコード

コードビューアー

入力したコードをこのページ上で確認してしまいたい場合は、このビューアをご利用下さい。

HTML

<!-- ここにコードが表示されます -->
<syncer>ようこそ</syncer>

HTMLコード整形ツールについて

使い方
左側(スマホの場合は上)のフォームに、整形したいHTMLのコードを入力して、「整形をする」のボタンをクリックすると、右側(スマホでは下)のフォームに整形した結果が表示されます。
整形のアルゴリズムには、js-beautifyを利用させていただきました。
スマホ上でjs-beautifyを利用したい機会があったため、自分用に作成してみました。
注意事項
整形は、ご入力いただいたコードをサーバー側で処理する形となっています。コードをサーバー側で保存することなどは一切していません。