Интересно, есть ли сервис, где я могу "очистить" html-код, чтобы все встроенные атрибуты style = "" были преобразованы в правила css и заменены соответствующими атрибутами class = "".Например, я хотел бы получить из этого кода (файл 'test.html'):
<!-- test.html -->
<div style="width:600px;margin:auto;padding:10px 0px 10px;cursor:pointer;color:#336699;font-style:italic;font-size:18px;"
onClick="toggleText('addmessage')">
<span style="border-bottom:1px dotted #336699;">
Add message</span>
</div>
<div id="addmessage" style="width:600px; margin:auto;padding:10px 0px 10px;display:none;">
... etc.
примерно так:
<!-- test.html -->
<div class="class_1"
onClick="toggleText('addmessage')">
<span class="class_3">
Add message</span>
</div>
<div id="addmessage" class="class_2">
... etc.
плюс файл css:
<!-- style.css -->
.class_1, .class_2
{
width:600px;
margin:auto;
padding:10px 0px 10px;
}
.class_1
{
cursor:pointer;
color:#336699;
font-style:italic;
font-size:18px;
}
.class_2
{
display:none;
}
class_3
{
border-bottom:1px dotted #336699;
}