indentation – Deshabilitar la sangría HTML parcial en Vim

Pregunta:

Advertencia: no soy un desarrollador web.

Dicho esto, hay raras ocasiones en las que tengo que editar HTML. Cuando lo hago, he notado un comportamiento en Vim que no me gusta y espero poder cambiar a través de la configuración.

Cuando codifico, tiendo a ajustar las líneas a 80 caracteres. Esto a menudo significa que tengo que dividir las etiquetas HTML en líneas. Lo que me gustaría es una sangría sensata cuando esto suceda. Entonces, por ejemplo, podría tener el siguiente código y me gustaría tener una sangría similar:

<a href="http://someverylongurl.com/foo/bar/blaz/SinwzvO.jpg"><img
   src="http://someverylongurl.com/foo/bar/blaz/Sinwzv0.jpg"
   class="ri" alt="This is an image"></a>

Pero, de forma predeterminada, la autoindentación de Vim sangrará las etiquetas HTML divididas al mismo nivel que la etiqueta HTML que comienza en la línea anterior. En otras palabras, obtengo algo como lo siguiente:

<a href="http://someverylongurl.com/foo/bar/blaz/SinwzvO.jpg"><img
                                                              src="http://someverylongurl.com/foo/bar/blaz/Sinwzv0.jpg"
                                                              class="ri" alt="This is an image"></a>

Que es, exactamente, lo que no quiero. Mientras escribo, me doy cuenta de que constantemente tengo que volver atrás y corregir sangrías como esta.

Me gusta la sangría automática de Vim en general, y no quiero simplemente deshabilitarla universalmente. Prefiero deshabilitar o cambiar la sangría de la etiqueta HTML dividida, pero no puedo entender cómo.

Es posible cambiar esto?

(Intenté buscar Stackoverflow para esta pregunta, pero no pude encontrarla. Si es un duplicado, indíqueme el original).

EDITAR: La solución se encontró aquí https://www.reddit.com/r/vim/comments/3ogbna/disabling_partial_html_indentation_in_vim/cvy8p3u

EDICIÓN # 2: Bien, la solución anterior no resolvió el problema. Todavía está ahí.

Respuesta:

Recomiendo el complemento tidy-html5 .


Como desarrollador web, también recomiendo alinear las etiquetas HTML de forma un poco diferente,

AirBnb React Styleguide (más legible y recomendado para React)

<a href="http://someverylongurl.com/foo/bar/blaz/SinwzvO.jpg">
  <img
    src="http://someverylongurl.com/foo/bar/blaz/Sinwzv0.jpg"
    class="ri"
    alt="This is an image"
  >
</a>

Guía de estilo HTML de Google

<a href="http://someverylongurl.com/foo/bar/blaz/SinwzvO.jpg">
  <img src="http://someverylongurl.com/foo/bar/blaz/Sinwzv0.jpg"
       class="ri" alt="This is an image">
</a>

Esto realmente ayudará a los formateadores a evitar sangrías locas.

Leave a Comment

Your email address will not be published.

Scroll to Top

istanbul avukat

-

web tasarım