编辑器/ IDE，可以将css从style属性移动到类定义

Question

有没有人知道转换能力的编辑器/ IDE？

.my_class {
    color: black;
}

<span class="my_class" style="font-size: 200%;">test</span>

到

.my_class {
    color:black;
    font-size: 200%;
}
<span class="my_class" style="">test</span>

为什么我需要那个？它通过属性更快地测试/更改样式，特别是如果有几个外部css文件。 它应该集成在IDE /编辑器中。

Answer 1

Sublime Text有一个正则表达式选项，用于搜索和替换多个文件。我没有写任何内容，但我相信如果你想经常使用它，你可以把它变成一个插件。

---

从内联CSS中删除：

查找：(<.*class=".*(my_class).*".*style=".*)(font-size: ?200%;?)(.*">)

替换：\1\4

添加到样式表：

查找：(\.my_class \{\n)((\s*)[^}]*\n)*\}

替换：\1\2\3font-size: 200%;\n\}