Question

我想知道是否有一项服务可以“清理”html代码，以便所有内联样式=“”属性转换为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;
}

Answer 1

http://www.tinytool.net/96002/inline_css_extractor

HTML“清理”服务：将内联样式属性转换为css规则

1 个答案: