InlineCssParser
A Visual Studio Extension that helps to extract inline styles into a seperate css file.
Install / Use
/learn @suadev/InlineCssParserREADME
Inline Style Parser for Html Files
<p><span>A Visual Studio Extension that helps to extract inline styles into a separate css file. </span></p>Available on Visual Studio Marketplace
https://marketplace.visualstudio.com/items?itemName=SuatKOSE.InlineStyleParserforHtmlFiles
Supporting .html, .aspx and .cshtml file formats.
Just right click on a html file source code and extract all inline styles into a separate css file. See the attached screenshots below.
Please let me know if you realize that something is wrong.
Thank you.
<p><span style="font-size:small"><strong><span style="background-color:#ffffff">1-Sample Html</span></strong></span></p> <p><span style="font-size:small"><strong><span style="background-color:#ffffff"> </span></strong></span></p> <p><img id="238640" src="https://raw.githubusercontent.com/suadev/InlineCssParser/master/InlineCssParser/screenshots/1.jpg" alt="" width="614" height="619"> </p> <p><span style="font-size:small"><strong>2-After Extracting Inline Styles</strong></span></p> <p><span style="font-size:small"><strong><img id="238631" src="https://raw.githubusercontent.com/suadev/InlineCssParser/master/InlineCssParser/screenshots/2.jpg" alt="" width="449" height="375"></strong></span></p> <p><span style="font-size:small"><strong><br> </strong></span></p> <p><span style="font-size:small"><strong> </strong></span><strong><span style="font-size:small"><strong>3-Created .css File</strong></span></strong></p> <p><strong><span style="font-size:small"><strong><img id="238632" src="https://raw.githubusercontent.com/suadev/InlineCssParser/master/InlineCssParser/screenshots/3.jpg" alt="" width="283" height="355"><br> </strong></span></strong></p>Related Skills
node-connect
343.1kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
90.0kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
343.1kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
343.1kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
