Hi,
I was wondering if there is any plugin available which makes it possible to strip all classes from a piece of (selected) html content. As a front-end developer I spent a lot of my time writing out classnames in html and then afterwards, write those some classnames again in CSS/LESS. So I was wondering if there is any plugin available which makes it possible to stripdown html content, and the reformat it to empty css code.
Example HTML
<aside class="leftmenu">
<article class="leftmenu-block">
<header class="leftmenu-block-header">
<span class="leftmenu-block-title">List header</span>
</header>
<section class="leftmenu-block-content">
<ul class="leftmenu-list">
<li class="leftmenu-list-item">
<a href="#">Item 1</a>
</li>
<li class="leftmenu-list-item">
<a href="#">Item 2</a>
</li>
<li class="leftmenu-list-item">
<a href="#">Item 3</a>
</li>
</ul>
</section>
</article>
</aside>
What I would like to have is that I will able to select this html, parse it, and get something as follows:
.leftmenu {}
.leftmenu-block {}
.leftmenu-block-header {}
.leftmenu-block-title {}
.leftmenu-block-content {}
.leftmenu-list {}
.leftmenu-list-item {}