html formatting dreamweaver

¿Script/utilidad del formateador HTML recomendado?



formatting dreamweaver (11)

Dreamweaver CS3 tiene una opción incorporada de "Limpieza de HTML" en el elemento de menú "Comandos". No creo que sea tan completo como HTML Tidy.

Desde el sitio de Adobe :

Limpiar código

Puede eliminar automáticamente las etiquetas vacías, combinar etiquetas de fuentes anidadas y, de lo contrario, mejorar el código HTML o XHTML desordenado o ilegible.

Para obtener información sobre cómo limpiar HTML generado a partir de un documento de Microsoft Word, consulte Abrir y editar documentos existentes.

  1. Abra un documento:

    • Si el documento está en HTML, seleccione Comandos> Limpiar HTML.
    • Si el documento está en XHTML, seleccione Comandos> Limpiar XHTML. - Para un documento XHTML, el comando Limpiar XHTML corrige errores de sintaxis XHTML, establece el caso de atributos de etiquetas en minúsculas y agrega o informa los atributos necesarios faltantes para una etiqueta además de realizar las operaciones de limpieza HTML.
  2. En el cuadro de diálogo que aparece, seleccione cualquiera de las opciones y haga clic en Aceptar. - Nota: dependiendo del tamaño de su documento y del número de opciones seleccionadas, puede llevar varios segundos completar la limpieza.

Eliminar etiquetas de contenedor vacías Elimina cualquier etiqueta que no tenga contenido entre ellas. Por ejemplo, <b> </ b> y <font color = "# FF0000"> </ font> son etiquetas vacías, pero la etiqueta & ly; b> en & ltb> algún texto </ b> no lo está.

Eliminar etiquetas anidadas redundantes Quita todas las instancias redundantes de una etiqueta. Por ejemplo, en el código <b> Esto es lo que <b> realmente </ b> quería decir </ b>, las etiquetas b que rodean la palabra realmente son redundantes y se eliminarían.

Eliminar los comentarios HTML que no son de Dreamweaver Quita todos los comentarios que no fueron insertados por Dreamweaver. Por ejemplo, <! - begin body text -> se eliminaría, pero <! - TemplateBeginEditable name = "doctitle" -> no, porque es un comentario de Dreamweaver que marca el comienzo de una región editable en un modelo.

Eliminar el marcado especial de Dreamweaver Elimina los comentarios que Dreamweaver agrega al código para permitir que los documentos se actualicen automáticamente cuando se actualizan las plantillas y los elementos de la biblioteca. Si selecciona esta opción al limpiar el código en un documento basado en plantilla, el documento se desprende de la plantilla. Para obtener más información, vea Separar un documento de una plantilla.

Eliminar etiqueta (s) específica (s) Elimina las etiquetas especificadas en el cuadro de texto adyacente. Utilice esta opción para eliminar etiquetas personalizadas insertadas por otros editores visuales y otras etiquetas que no desea que aparezcan en su sitio (por ejemplo, parpadear). Separe las etiquetas múltiples con comas (por ejemplo, fuente, parpadeo).

Combine etiquetas anidadas <font> cuando sea posible Consolida dos o más etiquetas de fuente cuando controlan el mismo rango de texto. Por ejemplo, <font size = "7"> <font color = "# FF0000"> big red </ font> </ font> se cambiaría a <font size = "7" color = "# FF0000"> big red </ font>

Mostrar inicio de sesión de inicio de sesión Muestra un cuadro de alerta con detalles sobre los cambios realizados en el documento tan pronto como finaliza la limpieza.

Pregunta simple: tengo que cargar una gran cantidad de páginas html para la limpieza y estoy buscando una utilidad / script de código abierto o freeware para eliminar cualquier basura y reformatearlas en un código consistente y bien diseñado. ¿Alguna recomendación?

Si es relevante, generalmente manipulo HTML dentro de Dreamweaver, pero editando el código y usando la ventana wysiwyg como vista previa en lugar de vica-versa, por lo que un script compatible con Dreamweaver sería un plus.


Incluso puede almacenar en búfer su HTML existente a través de HTML Tidy antes de que llegue al navegador. Si es un sitio de poco tráfico, esto hará las cosas ordenadas sin ningún esfuerzo.


No creo que se conecte a Dreamweaver, pero cada vez que necesito html limpio HTML Tidy es mi chico


Yo segundo HTML Tidy.
Solo quería agregar que es una biblioteca con varios puertos y enlaces. Como tal, también está integrado en algunos editores como HTML-Kit o NoteTab, y tiene una interfaz gráfica de usuario. Todos estos están vinculados en la página anterior.
Tenga en cuenta también que el Servicio de validación de marcado W3C tiene una opción para "Limpiar marcado con HTML Tidy" (después de la visualización de resultados de validación).



Yo también recomiendo HTML Tidy, si bien Dave Ragett no lo mantiene, la herramienta definitivamente se actualiza frecuentemente con ajustes.

Utilizo HTML Trim, que es una aplicación win32 para limpiar algunos bloques de código autogenerados horribles que algunos de nuestros desarrolladores ponen en peligro.

También puede obtener la versión de línea de comandos que puede integrar en Dreamweaver.

Lo siento, no puedo publicar más de un hipervínculo, sigue siendo un n00b aquí.


Definitivamente creo que la mejor herramienta disponible es el formateador HTML de Logichammer.com. Hace exactamente lo que necesita y es muy fácil de usar. Vale la pena comprobarlo ... el chico incluso tiene un video en su sitio que muestra lo fácil que es usarlo. Lo he estado utilizando durante dos años y no podría vivir sin él ... Obtuve un montón de códigos desordenados.


Yo recomendaría vim. Puede formatear un bloque de código con v para seleccionar el bloque y ''='' para sangrar el código.


He estado usando Polystyle durante mucho tiempo, y estoy bastante feliz. Es bastante flexible sobre las reglas de formato y cuesta alrededor de $ 15. Una versión de prueba esta disponible.


Uso Cleanup HTML , hace bien el trabajo de limpieza y formateo de HTML


Sugeriría purehtml.in ... embellece html, estilo y etiquetas de JavaScript ...