¿Cómo reformateo el código HTML usando Sublime Text 2?



Answers

Hay media docena de formas de formatear HTML en Sublime. Probé cada uno de los complementos más populares (consulte la descripción que hice en mi blog para obtener más información), pero a continuación se incluye una descripción general rápida de algunas de las opciones más populares:

Comando Reindent

Pros:

  • Se envía con Sublime, por lo que no es necesario instalar un complemento

Contras:

  • No elimina líneas en blanco adicionales
  • No puede manejar HTML minificado, líneas con múltiples etiquetas abiertas
  • No formatea correctamente los bloques <script>

Tag

Pros:

  • Admite ST2 / ST3
  • Elimina líneas en blanco adicionales
  • Sin dependencias binarias

Contras:

  • Choques en etiquetas PHP
  • No maneja los bloques <script> correctamente

HTMLTidy

Pros:

  • Maneja etiquetas PHP
  • Algunas configuraciones para ajustar el formato

Contras:

  • Requiere PHP (vuelve al servicio web)
  • Sólo ST2
  • ¿Abandonado?

HTMLBeautify

Pros:

  • Admite ST2 / ST3
  • Dependencias sencillas y sin binaray
  • Soporte para OS X, Win y Linux

Contras:

  • Ahoga un poco con comentarios en línea
  • ¿Se expande el código minimizado / comprimido?

HTML-CSS-JS Prettify

Pros:

  • Admite ST2 / ST3
  • Maneja HTML, CSS, JS
  • Gran integración con los menús de Sublime
  • Altamente personalizable
  • Configuraciones por proyecto
  • Formato en la opción guardar

Contras:

  • Requiere Node.js
  • No es bueno para PHP incrustado

¿Cuál es el mejor?

HTML-CSS-JS Prettify es el ganador en mi libro. Muchas características excelentes, no hay mucho de lo que quejarse.

Question

Tengo un código HTML mal formateado que me gustaría reformatear. ¿Hay algún comando que vuelva a formatear automáticamente el código HTML en Sublime Text 2 para que se vea mejor y sea más fácil de leer?




Recomiendo este plugin: HTML / CSS / JS Prettify , realmente funciona.

Después de la instalación, simplemente seleccione el código y presione Ctrl + Shift + H.

¡Hecho!




Creé un paquete llamado HTMLBeautify que hace un trabajo decente de reformatear HTML. Lo basé en un script de Perl que encontré en 1997, lo actualicé para que funcione con todas las nuevas etiquetas modernas. :)

¡Compruébalo y avísame qué piensas!

HTMLBeautify




Aunque la pregunta es para HTML, también me gustaría dar información sobre cómo formatear automáticamente tu código Javascript para Sublime Text 2 ;

Puede seleccionar todo su código ( ctrl + A ) y usar la funcionalidad en la aplicación, reiniciar ( Edit -> Line -> Reindent ) o puede usar el complemento de formato JsFormat para Sublime Text 2 si desea tener más configuraciones personalizables en cómo formatear su código para agregarlo a la configuración de tabulación / sangría predeterminada del Texto Sublime.

https://github.com/jdc0589/JsFormat

Puede instalar fácilmente JsFormat con el uso de Control de paquetes ( Preferences -> Package Control ) Abra el control del paquete y luego escriba instalar, presione enter . Luego escribe el js format y presiona enter , ya terminaste. (El controlador del paquete mostrará el estado de la instalación con éxito y errores en la barra inferior izquierda de Sublime )

Agregue la siguiente línea a sus enlaces de teclas ( Preferences -> Key Bindings User )

{ "keys": ["ctrl+alt+2"], "command": "js_format"}

Estoy usando ctrl + alt + 2 , puedes cambiar esta tecla de atajo como quieras. Hasta ahora, JsFormat es un buen complemento, ¡vale la pena probarlo!

Espero que esto ayude a alguien.




Simplemente ve a

Editar -> Etiqueta -> Auto-formatear etiquetas en el documento












Related