JS Tools

HTML And CSS Separator

This tool converts HTML with style attributes to the pair of HTML with class attributes and appropriate CSS rules.

Input of HTML Source:
<div style="border: 1px solid green">OK</div> <table style="border: 1px solid green"> <tr style=""> <td style="background:blue;color:red;">AAAA</td> <td style="background: green">BBBB</td> <td> <div style="border: 1px solid green">OK</div> </td> </tr> <tr> <td style="color: red; background: blue;">AAAA</td> <td style="background: green">BBBB</td> <td>CCCC</td> </tr> </table>

Convert the HTML >>

Output of HTML Source:

Output of CSS Rules:

Exceptions

CSS properties and values of different cases are considered as different, as well as values containing different times of spaces are considered as different.

The tool doesn't work on Opera, because it can't replace string to the result of a function (not full RegExp support).