手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表Tag:notepad++

zen coding for editplus

Submitted by gouki on 2010, June 8, 10:11 AM

前段时间我推荐了zen coding，并为此用上了notepad++，感觉在作网页的时候还行。而且，我的同事用dreamweaver的，也用上了它，感觉同样很爽。比如他输入：

XML/HTML代码
  1. div#page>(div#header>ul#nav>li*4>a)+(div#page>(h1>span)+p*2)+div#footer 
生成如下页面：
XML/HTML代码
  1. <div id="page">  
  2.     <div id="header">  
  3.         <ul id="nav">  
  4.             <li><a href=""></a></li>  
  5.             <li><a href=""></a></li>  
  6.             <li><a href=""></a></li>  
  7.             <li><a href=""></a></li>  
  8.         </ul>  
  9.     </div>  
  10.     <div id="page">  
  11.         <h1><span></span></h1>  
  12.         <p></p>  
  13.         <p></p>  
  14.     </div>  
  15.     <div id="footer"></div>  
  16. </div>  
早上推荐给小茗时，他说，Zen coding有for editplus的了。欣欣下载下来。运行后却发现，生成后的代码与官方不一样，看来还是有待改进啊，zen coding for editplus生成的代码是：
XML/HTML代码
  1.   <div id="page"></div>  
  2. <div id="header">  
  3.     <ul id="nav">  
  4.         <li>  
  5.             <a href=""></a><div id="page"></div>  
  6.             <h1>  
  7.                 <span></span><p></p>  
  8.                 <p></p>  
  9.                 <div id="footer"></div>  
  10.             </h1>  
  11.         </li>  
  12.         <li>  
  13.             <a href=""></a><div id="page"></div>  
  14.             <h1>  
  15.                 <span></span><p></p>  
  16.                 <p></p>  
  17.                 <div id="footer"></div>  
  18.             </h1>  
  19.         </li>  
  20.         <li>  
  21.             <a href=""></a><div id="page"></div>  
  22.             <h1>  
  23.                 <span></span><p></p>  
  24.                 <p></p>  
  25.                 <div id="footer"></div>  
  26.             </h1>  
  27.         </li>  
  28.         <li>  
  29.             <a href=""></a><div id="page"></div>  
  30.             <h1>  
  31.                 <span></span><p></p>  
  32.                 <p></p>  
  33.                 <div id="footer"></div>  
  34.             </h1>  
  35.         </li>  
  36.     </ul>  
  37. </div>  
这个与标准的偏 差实在是太大了。。。不过。在简单的情况下，还是可以使用的。将就着喽。总比没有的好。

下载地址为：http://www.vfresh.org/w3c/914

Tags: zencoding, editplus, notepad++

PHP | 评论:0 | 阅读:19977