用PHP将内联样式转换为CSS

Question

I have made a class that can produce allot of different barcode types in several formats like: - Any picture format, GIF, JPG, PNG, SVG,etc - Compressed javascript (JS) - Html with inline styles

The class is already optimized to reduce the output of barcode as small as is possible by 'drawing' only the information that is black.

Because the HTML version of the barcode can be that huge (althought it is already optimized), i wonder if there is a class or function that can convert the inline styles to a style tag, for example:

Output is (just a few lines):

<div id="mybarcode">
<div style="position:absolute;margin-left:26px;width:2px;height:128px;background:#000;"></div>
<div style="position:absolute;margin-left:34px;width:2px;height:128px;background:#000;"></div>
<div style="position:absolute;margin-left:36px;width:2px;height:48px;background:#000;"></div>
......
......

This is what i want:

<style>
     #mybarcode div {position:absolute;width:2px;height:128px;background:#000;}
    </style> 
    ....
    ....

    <div id="mybarcode">
    <div style="margin-left:26px;"></div>
    <div style="margin-left:34px;"></div>
    <div style="margin-left:36px;height:48px;">
    ....
    ....

If found a class that can do the opposite what i want but that is not my case. Does anybody know if there is a class around that can do such things with html? It can also be useful converting other pages with inline styles to html with external css.

Thank you for your answer! kind regards.

Answer 1

Shouldn't be too hard.

General outline of algorithm:

• Look at each element and extract the inline style rules
• Identify the styles that all elements have in common
• Extract these styles into a style tag under a class (ie common )
• Remove the redundant inline styling and add the common class to the elements

You can do the actual element manipulation using Simple HTML Dom Parser . The CSS rules themselves are pretty easy to parse, so Regexes would be what I'd use. Especially in your case, since you wrote the code that generates the HTML so you'll know exactly what CSS rules you might encounter.