How to format CSS in Notepad++

You are here : Home / Notepad++ Tutorials

STEP 1 :  To format CSS in Notepad++

Go to Plugins > Plugin Manager > Show Plugin Manager

STEP 2 :  To format CSS in Notepad++
Select the JSTool Plugin and click Install

STEP 3 :  To format CSS in Notepad++
Now restart the Notepad++ for installation to take effect.

STEP 4 :  To format CSS in Notepad++
Go to Plugins > JSTool > JSFormat

Or simply use keyboard shortcut Ctrl + Alt + M


STEP 5 :  To format CSS in Notepad++
And CSS will be formatted like this >




How to install the CSS formatter manually?

STEP 1 :  To install the CSS formatter manually in Notepad++
Download plugin jstoolnpp

NOTE : (JSToolNPP.1.20.0.uni.32.zip) worked for me, Check your system settings for 32 bit or 64 bit and download accordingly.


STEP 2 :  To install the CSS formatter manually in Notepad++
Unzip downloaded JSToolNPP.1.20.0.uni.32.zip


STEP 3 :  To install the CSS formatter manually in Notepad++
Copy JSMinNPP.dll from unzipped file and paste it in

C:\Program Files (x86)\Notepad++\plugins


STEP 4 :  To install the CSS formatter manually in Notepad++
Now restart (or start if not started) the Notepad++ for installation to take effect.


STEP 5 :  To install the CSS formatter manually in Notepad++

Go to Plugins > JSTool > JSFormat

Or simply use keyboard shortcut Ctrl + Alt + M


STEP 6 :  To install the CSS formatter manually in Notepad++
And CSS will be formatted.



Having any doubt? or you liked the tutorial! Please comment in below section.

Please express your love by liking JavaMadeSoEasy.com (JMSE) on facebook, following on google+ or Twitter. You may join our fbGroup or linkedInGroup as well.

Labels: Notepad++
eEdit
Must read for you :