最適化されたHTML / JSファイルをどのように整えますか（改行とインデント）？

9

たとえば、次の一連の文字（HTML）があります。http：//pastebin.com/pwTPp8wd

特に誰かが大きなHTML / Javascript /その他のファイルの処理を高速化する場合、誰もが処理されたファイルにつまずいたと思いました。次に、手動を適用せずにインデントを自動化する方法が必要です。しかし、最適化されたファイルの強制インデントについては何も見つかりませんでした。

何かご意見は？

— ルネフロガー
ソース

EmacsのHTML美容ツールに相当する関数が必要ですか？

— PythonNut 2015

すばやくグーグルすると、これが得られました：github.com/yasuyk/web-beautify試してみませんか？解決策は完全にemacsではありません。

— Kaushal Modi、2015

16

sgml-modeこれには組み込みを使用できます。

M-x sgml-mode- コマンドが自動的に読み込まれるsgml-modeように、メジャーモードを有効にしsgml-pretty-printます。
C-x h -バッファ全体を選択します。
M-x sgml-pretty-print

スペースを節約するために、以下は、質問のサンプルテキストで上記を実行したときにフォーマットされたテキストの一部にすぎません。

<table border="4px" cellpadding="0" cellspacing="0" class="c31 c42">
  <tbody>
    <tr class="c4">
      <td class="c33" colspan="1" rowspan="1">
        <p class="c6">
          <span class="c12 c11">Veld
          </span>
        </p>
      </td>
      <td class="c35" colspan="1" rowspan="1">
        <p class="c7">
          <span class="c12 c11">Waarde(n)
          </span>
        </p>
      </td>
      <td class="c26" colspan="1" rowspan="1">
        <p class="c19">
          <span class="c12 c11">Null
          </span>
        </p>
      </td>
      <td class="c18" colspan="1" rowspan="1">
        <p class="c6 c38">
          <span class="c12 c11">Validatie
          </span>
        </p>
      </td>;

【出典】

— カウシャルモディ
ソース

回答ありがとうございます。これがEmacsに組み込まれていることを嬉しく思います。しかし、私はいくつかの小さな欠陥のあるインデントを見つけましたが、全体的にM-x sgml-pretty-printは十分です。助けてくれてありがとう。

— ReneFroger、2015

2

デフォルトのHTMLモードも機能します。

C-x h -バッファ全体を選択します
M-x indent-region（別名C-M-\）

— レア
ソース

改行が削除されている場合は機能しません。

— ロビングリーン

同意しました、それは問題です。もう1つは、HTMLが緩いため、エラーが発生したページがブラウザに読み込まれることがよくあります。</ p>と</ td>を削除しましたが、indent-regionは引き続き機能しました。

— rleir