titulo - etiquetas basicas de html pdf

Rompa la línea en cada atributo de etiqueta y manténgalos alineados en el editor de código HTML de Visual Studio

Question

Si desea ver esto implementado en la próxima versión de VS, por favor vote here .

Supongamos que la siguiente declaración HTML <button> horizontalmente larga:

<button type="submit" class="btn btn-primary" id="save" name="action:@ViewContext.RouteData.Values["action"]"><i class="icon-save icon-large"></i> @Localization.Save</button>

Como puede ver, todos los atributos de etiqueta están en línea de tal manera que se extienden hacia el derecho en el editor de código ...

¿Conoce alguna opción o extensión de Visual Studio que le permita formatearla con Ctrl + K y luego Ctrl + F de esta manera?

<button type="submit"
        class="btn btn-primary"
        id="save"
        name="action:@ViewContext.RouteData.Values["action"]">
<i class="icon-save icon-large"></i>@Localization.Save
</button>

Creo que el formato anterior facilita la detección de un atributo dado, aunque claramente hará que la barra de desplazamiento vertical sea un poco más larga. :)

Intenté jugar con las opciones de Visual Studio en TOOLS => Options... => Text Editor => HTML pero no encontré una opción para controlar este comportamiento.

Por supuesto que puedo alinearlo manualmente pero luego si presiono Ctrl + K, luego Ctrl + F por error pierdo todo el formato personalizado.

Si no hay tal cosa disponible, creo que esto es una gran idea para una extensión de Visual Studio. Como un plus, incluso podría ordenar alfabéticamente los atributos. :)

Haciendo un poco más de Google, encontré que el editor XAML en Visual Studio tiene lo que me gustaría tener en el editor HTML:

Coloque cada atributo en una línea separada

Hice esta misma pregunta en el foro de extensibilidad de Visual Studio:

http://social.msdn.microsoft.com/Forums/en-US/vsx/thread/0d97c205-9f29-4ba7-9d0b-253413077dce/

Si desea ver esto implementado en la próxima versión de VS, por favor vote here .

Answer 1

Bueno, encontré un truco en los foros de ASP.NET:

Posicionando cada atributo en una línea separada

No es como la característica XAML descrita en mi pregunta pero funciona.

En Opciones / Editor de texto / HTML / Formato, puede marcar "Ajustar etiquetas cuando se excede la longitud específica" y establecer la longitud en 1. Eso hará que el formateador se ajuste como loco.

Otra opción es:

1. Vaya a TOOLS => Options... => Text Editor => XML => Formatting => Alinee los atributos en una línea separada.

2. Cierre el archivo .cshtml. Haga clic derecho en el Explorador de soluciones y seleccione Abrir con ... luego seleccione Editor XML (texto). Seleccione todo el contenido y haga Ctrl + K y luego Ctrl + F.

   * ¡ Esta segunda opción es tediosa! :(

Answer 2

Esto se ha implementado en el nuevo editor HTML en Visual Studio 2013 Preview, que se ha lanzado. Esta es una característica del nuevo editor solamente, que funciona para archivos html y cshtml, pero no para archivos aspx / ascx. Si pulsa [retorno] después de cada valor, los atributos se acumularán en la primera definición de atributo. Formato de documento ya no deshará estos cambios.

Answer 3

Si te sientes valiente, puedes escribir una extensión de editor que haga esto por ti. Eche un vistazo a la extensión de alineación que Noah escribió hace un tiempo para obtener ideas: https://github.com/NoahRic/AlignAssignments

Answer 4

puede buscar / reemplazar < con /n< + no olvide hacer clic en la opción Usar expresiones regulares