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

13

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

Portador de agua
fuente
2
Netbeans admite el formateo de código a través de SHIFT + ALT + F, la mayoría de los editores tienen una función similar: consulte el manual de uno que utilice. Ver también: groups.google.com/group/coda-users/browse_thread/thread/…
feeela
Netbeans lo hace (thx) pero no Coda como muestra su enlace.
WaterBearer
Pero hay otros dos programas mencionados en la discusión vinculada que sí ...
feeela
Me imagino que si miras encontrarás una extensión Coda que agrega soporte para elementos HTML5.
Moisés

Respuestas:

6

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.
Osvaldo
fuente
Personalmente, no me gusta el IDE de Eclipsish (no me gusta Eclipse: P).
Alerty
Aptana es un gran programa para html / css / js, realizar un seguimiento de la apertura y cierre de corchetes o llaves en JavaScript en funciones realmente grandes es un dolor en Dreamweaver.
Anagio
Gracias, esto acaba de salvarme la vida después de mover mis archivos de proyecto de otro IDE a Aptana y la sangría se estropeó. Estaba volviendo a sangrar manualmente todos mis miles y miles de líneas. En Aptana 3, esto se encuentra en el menú Fuente> Formato.
bowlerae
3

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).

Portador de agua
fuente
1

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 .

Alerta
fuente
1

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).

Tom
fuente
0

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.

AeroCross
fuente
Uso textmate, ¿cuándo introdujeron una buena acción de formato para HTML? Por favor comparte como todos los que he encontrado han sido bastante malos. Aunque todavía estoy usando 1.5.
davidcondrey
0

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.

webvitaly
fuente
0

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

davidcondrey
fuente