手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆

zen coding for editplus

首页 > PHP >

前段时间我推荐了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++

« 上一篇 | 下一篇 »

只显示10条记录相关文章

意外:Editplus可以查看16进制了? (浏览: 48062, 评论: 0)
乔大妈:【插件】史上最强EditPlus插件OpenCTags使用指南--EditPlus开发者必备 (浏览: 31821, 评论: 0)
让Editplus自动格式化css和js (浏览: 24654, 评论: 0)
Editplus 自动检查语法 (浏览: 24588, 评论: 0)
EditPlus的一些其他技巧 (浏览: 24098, 评论: 3)
Wine中文显示 (浏览: 22971, 评论: 0)
phpstorm4:自定义代码折叠区域 (浏览: 21878, 评论: 1)
杂七杂八:editplus and netbeans (浏览: 20708, 评论: 4)
Sublime Text 2 简介 (浏览: 18321, 评论: 0)

发表评论

评论内容 (必填):