Ejemplo:

Digamos por ejemplo que tenía la siguiente dos etiquetas en algún lugar en una página legado que ha sido asignado para trabajar en:¿Hay alguna herramienta para consolidar un montón de etiquetas de estilo en clases?

<table style="padding:0px; margin:0px; border: 0px; width:100%;"> 

    <td style="width:100%; margin:0px; padding:0px; border: 0px;">

Habría un programa que podría hacer una lista de éstos al azar etiquetas de estilo y re-organizar su contenido tal vez de ordenar el css dentro de las etiquetas en orden alfabético:

<table style="border: 0px; margin:0px; padding:0px; width:100%;"> 

    <td style="border: 0px; margin:0px; padding:0px; width:100%;">

Finalmente la herramienta sería comparar estos estas dos cadenas de estilo ver que son iguales (cuando se disponen al phabetically) ...

<table class="style1"> 

    <td class="style1">

... y asignar una clase tanto las etiquetas y crear una entrada de css:

.style1 { 
     border: 0px; 
     margin:0px; 
     padding:0px; 
     width:100%; 
    }

... ¿Hay herramientas/utilidades/scripts existentes para esto?

Fuente

2010-01-11 leeand00

+1 Buena pregunta –

Sí hay un montón de código html mal por ahí, es inevitable! – leeand00

Parece que esto podría hacerse fácilmente en Groovy um, por ejemplo ... el código html tenía garantizado ser xml complient ... pero um, no, no lo es. – leeand00

Bueno, no sé si hay una herramienta directamente allí. Probablemente haya. Sin embargo, si tuviera que hacerlo usted mismo, podría hacerlo con XSLT. Puede escribir una hoja de estilo para analizar su documento html y extraer el atributo de estilo, volcarlo en un valor de clase y agregar el atributo de clase.

Fuente

2010-01-11 17:45:49