Pregunta

Pregunta simple: tengo que limpiar un montón de páginas html cruddy y estoy buscando un script / utilidad de código abierto o freeware para eliminar cualquier basura y volver a formatearla 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 viceversa, por lo que un script compatible con Dreamweaver sería una ventaja.

¿Fue útil?

Solución

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

Otros consejos

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 W3C Markup Validation Service tiene una opción para quot; Limpiar marcado con HTML Tidy " (después de mostrar el resultado de la validación).

Dreamweaver CS3 tiene una función integrada " Limpiar HTML " elección bajo " Comandos " opción del menú. Sin embargo, no creo que sea tan completo como HTML Tidy.

Del sitio de Adobe :

  

Código de limpieza

     

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 el HTML generado a partir de un documento de Microsoft Word, consulte Abrir y editar documentos existentes.

     
      
  1. Abrir 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 los errores de sintaxis XHTML, establece el caso de los atributos de etiqueta en minúsculas y agrega o informa los atributos requeridos faltantes para una etiqueta además de realizar las operaciones de limpieza de HTML.
    •   
  2.   
  3. 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.

  4.   
     

Eliminar etiquetas de contenedor vacío elimina cualquier etiqueta que no tenga contenido entre ellas. Por ejemplo, & Lt; b & Gt; & Lt; / b & Gt; y < font color = " # FF0000 " > < / font > son etiquetas vacías, pero & amp; ly; b > etiqueta en & amp; ltb > algún texto < / b > no es.

     

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

     

Eliminar comentarios HTML que no son de Dreamweaver Elimina todos los comentarios que Dreamweaver no insertó. Por ejemplo, & Lt;! - comienza el texto del cuerpo - & Gt; sería eliminado, pero <! - TemplateBeginEditable name = " doctitle " - > wouldn & # 8217; t, porque & # 8217; s es un comentario de Dreamweaver que marca el comienzo de una región editable en una plantilla.

     

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 separa de la plantilla. Para obtener más información, consulte Separar un documento de una plantilla.

     

Eliminar etiquetas específicas Elimina las etiquetas especificadas en el cuadro de texto adyacente. Use esta opción para eliminar las etiquetas personalizadas insertadas por otros editores visuales y otras etiquetas que no desea & # 8217; no desea que aparezcan en su sitio (por ejemplo, parpadear). Separe varias etiquetas con comas (por ejemplo, fuente, parpadeo).

     

Combinar anidado < font > Etiquetas cuando sea posible Consolida dos o más etiquetas de fuente cuando controlan el mismo rango de texto. Por ejemplo, & Lt; font size = & Quot; 7 & Quot; & Gt; & Lt; font color = & Quot; # FF0000 & Quot; > gran rojo < / font > < / font > se cambiaría a < font size = " 7 " color = " # FF0000 " > rojo grande < / font > ;.

     

Mostrar finalizació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.

Utilizo el HTML Formatter ... hace exactamente lo que está buscando.

Definitivamente creo que la mejor herramienta es el HTML Formatter de Logichammer. com. Hace exactamente lo que necesita y es muy fácil de usar. Vale la pena echarle un vistazo ... el tipo incluso tiene un video en su sitio que muestra lo fácil que es usarlo. Lo he estado usando durante dos años y no podía vivir sin él ... Obtengo un montón de código desordenado.

Utilizo Cleanup HTML hace bien el trabajo limpiando y formateando HTML

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

Incluso puede almacenar en búfer su HTML existente a través de HTML Tidy antes de que llegue al navegador; si se trata de un sitio con poco tráfico, esto hará que todo se arregle sin ningún esfuerzo.

También recomiendo HTML Tidy, aunque Dave Ragett ya no lo mantiene, la herramienta definitivamente se actualiza con frecuencia con ajustes.

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

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

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 está disponible.

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

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top