Zen coding most attracted me is the HTML expansion function, a lightweight editor is enough, in view of this choice of UltraEdit, with the fire of the Chinese version of the Green (green Portable version did not succeed, seemingly not supported), the following is the configuration method:
- Download UltraEdit Zen coding.zip and unzip Zen HTML ultraedit.js directory in UltraEdit directory
- Press the shortcut key ctrl+shift+z to pull up the Script window, click the Add button to select just unzip the HTML ultraedit.js and set the shortcut key (I set Ctrl+enter), press OK to save
Next Test, new file, typing the following statement:
Div.mod.mod1>div.inner>div.hd+div.bd>ul>li*10>a
Then press Ctrl+enter and immediately become:
<div class= "mod mod1" >
<div class= "inner" >
<div class= "HD" ></div>
<div class = "BD" >
<ul>
<li><a href= "" ></a></li>
<li><a href= "> </a></li>
<li><a href= "" ></a></li>
<li><a href= "" ></a ></li>
<li><a href= "></a></li>
<li><a href=" "></a> </li>
<li><a href= "></a></li>
<li><a href=" "></a>< /li>
<li><a href= "" ></a></li>
<li><a href= "" ></a></li >
</ul>
</div>
</div>
</div>
Make it work!
The HTML writing rules for Zen coding are described in Zen HTML Elements