SYNCERのロゴ
アイキャッチ画像

HTMLのコード整形ツール

公開日: 2015/08/28 | 更新日:

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

変換

「変換前」のフォームに、コードを入力するか、ファイルをドロップして下さい。「変換後」のフォームに変換結果が表示されます。

変換前のコード

変換後のコード

ビューアー

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

設定

整形の細かい設定を指定できます。設定は、ローカル環境(あなたの端末)に保存されます。

インデント文字

インデント文字と、その個数です。

長すぎる行の改行

1行が長すぎる場合、適切な場所で改行します。

改行を保持

既存の改行を削除しません。

ヒント

使い方

  • 左側(スマホの場合は上)のフォームに、整形したいHTMLのコードを入力して、「整形をする」のボタンをクリックすると、右側(スマホでは下)のフォームに整形した結果が表示されます。
  • 整形のアルゴリズムには、js-beautifyを利用させていただきました。

プライバシー

処理はJavaScriptを利用してローカル環境(あなたの端末)で行われます。そのため、入力していただいたコードがサーバーに送信されることはないので、ご安心下さい。