Setup Zen Coding
- Plugins -> Plugin Manager -> Show Plugin Manager
- Select Zen Coding – Python
- Click Install
- Done
Expand Abbreviation -> control + alt + enter
Example. type
html:5
press control alt enter
result is
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
Wrapping With Abbreviation -> shift + ctrl + alt + enter
Example. type
About Us
Products
News
Blog
Contact Up
press shift + ctrl + alt + enter
popup appear type
div#header>ul#navigation>li.item$*>a>span
click ok result is
<div id="header">
<ul id="navigation">
<li class="item1"><a>
About Us
</a></li>
<li class="item2"><a>
Products
</a></li>
<li class="item3"><a>
News
</a></li>
<li class="item4"><a>
Blog
</a></li>
<li class="item5"><a>
Contact Up
</a></li>
</ul>
</div>
How to Indent html code(re-format) in notepad++?
– try use plugin XML Tools (Plugins -> XML Tools -> Pretty print .. )
How to do folding in notepad++?
– View -> Fold All, Unfold All, Collapse Current Level, ….