¿Qué herramienta puede ordenar / sangrar HTML5? [cerrado]

Ya he pasado alrededor de 2 horas buscando en Google y probando varias herramientas, pero o no hacen etiquetas de sangría por ejemplo o no son compatibles con HTML5, como el famoso HTML ordenado que se actualizó por última vez hace 3 años ...

Nota: no quiero aplicar esto al origen de una página (como haría PHP o JS) sino al código del editor para que aparezca una jerarquía clara entre las etiquetas.

Idealmente, me gustaría una herramienta para Mac OS X, pero tomaré cualquier herramienta en línea y en el último reinicio una compatible con Wine.

PD: en este momento uso Coda de Panic

Aptana Studio 2 hace lo que quiere en el menú Edición> Formato. Lo he usado y formatea html, css y javascript.

El editor WYSIWYG BlueGriffon también puede formatear html cuando abre un archivo.

Ambas soluciones son gratuitas y de código abierto, pero Aptana podría ser mejor. No estoy seguro si BG mantiene todo el código sin cambios, probablemente no.

Notas:

1. Aptana 2 debe configurarse correctamente después de instalarlo, pero es un excelente editor html5 / css / javascript / IDE. La configuración predeterminada apesta un poco.
2. Aptana 3 podría no hacer lo que quieres. La versión que probé no lo hizo.

Ahora hay una versión HTML5 de tidy, que se encuentra aquí: https://github.com/w3c/tidy-html5 .

Estaba buscando una herramienta en línea y probablemente por eso no pude encontrar nada.
Me señalaron el plugin Coda PHP & Toolkit que lo hace. Además, la mayoría de los editores HTML como Taco lo hacen de forma nativa (pero no Coda).

Humildemente sugiero Espresso 2 .

Desde su sitio web:

El único CSSEdit 3: las galardonadas herramientas visuales de CSSEdit, ahora dentro de Espresso. Con una increíble compatibilidad con CSS3 para gradientes de múltiples navegadores, sombras y más.

Vista previa web con rayos X: vea cómo su CSS afecta los diseños web, visualice márgenes y relleno, y encuentre rápidamente las reglas de estilo relevantes para cualquier elemento de la página.

Codificación potente y eficiente: CodeSense, plegado de código, fragmentos inteligentes, codificación Zen y el navegador de arrastrar y soltar le ayudan a escribir un mejor código en menos tiempo.

Estilo y anulaciones en vivo: edite el CSS de cualquier sitio web y vea cómo se actualiza en tiempo real. No es necesario guardar, publicar o recargar. Experimentar y ajustar nunca ha sido tan divertido.

Sincronización y publicación sin esfuerzo: con Publicación rápida, Sincronización y exploración del servidor, tiene la herramienta adecuada para cualquier flujo de trabajo basado en el servidor. El nuevo motor Vroom es súper rápido.

Un espacio de trabajo que se adapta a su flujo de trabajo: el innovador espacio de trabajo le brinda la flexibilidad de pestañas mientras se integra sin problemas con sus archivos de proyecto.

Fantástico hallazgo: aguja y pajar, conoce a Espresso. Buscar y reemplazar todo el proyecto, el filtro rápido y la expresión regular coloreada hacen que la búsqueda a través de archivos o texto sea muy sencilla.

Soporte de idiomas: HTML5, CSS3, JavaScript y PHP mejorados; Ruby, Python, Apache y Markdown completamente nuevos. O extienda Espresso con XML / JS Sugars.

Puede leer una reseña de Mac Appstorm para tener una idea de la calidad. Le dan 10/10 .

Eclipse parece hacer un trabajo decente al sangrar / formatear HTML5. Simplemente use el comando de formato habitual (Ctrl-Shift-F) en un archivo HTML cargado en el editor HMTL y lo reformateará.

Para ajustarlo, vaya a preferencias -> web -> archivos html -> editor. También puede controlar la validación aquí. (Estoy usando Eclipse v4.2.2.)

Tenga en cuenta que el editor HTML requiere que su instalación de Eclipse incluya la Plataforma de herramientas web (consulte esta respuesta para obtener más detalles).

Si está buscando una herramienta para Mac OS X que haga el trabajo, diría TextMate .

Por lo general, vuelvo a sangrar mucho y el mejor que he podido encontrar ha sido ese.

Lo que me gusta es que en realidad no reorganiza su código, pero lo vuelve a sangrar , en una forma que verifica el anidamiento y las sangrías por nivel, no por etiquetas .

La función "Selección de sangría" es especialmente útil.

JetBrains PhpStorm funciona muy bien e intuitivo con sangrías en HTML, CSS o PHP. Tipo de sangría (pestañas o espacios) que puede cambiar en la configuración de PHPStorm.

Dirtymarkup.com es mi opción para formatear rápidamente HTML y JS.