indentation – ¿Qué tan bonito (líneas nuevas y sangría) un archivo HTML / JS optimizado?

Pregunta:

Por ejemplo, tengo el siguiente grupo de caracteres (HTML): http://pastebin.com/pwTPp8wd

Pensé que todos se tropezaron con un archivo procesado, especialmente cuando alguien aceleraba el procesamiento de un archivo HTML / Javascript grande o cualquier otro archivo. Entonces debe haber una forma de automatizar la sangría, sin aplicar el manual. Sin embargo, no pude encontrar nada sobre la sangría forzada en un archivo optimizado.

¿Alguna idea?

Respuesta:

Puede usar el sgml-mode incorporado para esto.

1. Mx sgml-mode : habilite el sgml-mode principal sgml-mode para que el comando sgml-pretty-print cargue automáticamente.
2. Cx h : seleccione todo el búfer.
3. Mx sgml-pretty-print

Para ahorrar espacio, a continuación se muestra solo una parte del texto formateado que obtengo al hacer lo anterior en su texto de muestra en la pregunta:

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

[ Fuente ]