ZenCoding

天在热文上发现了一篇关于ZenCodng的文章,一开始仅仅以为就是一个简单的缩写展开插件,但是细看才发现不仅仅是这样,这是一个相当完备的DSL。它使用了如同CSS 3选择符一样的语法来声称HTML,但是又提供了一定的加强,比如复数标签、自动编号、div标签的自动补全。下面这个例子就很清楚的展示了其便利性:

h1+h2#id1.cls1.cls2>ul>li*3>a href=http://j-lite.net

ZenCoding的输出是

<h1></h1>
<h2 id="id1" class="cls1 cls2">
  <ul>
    <li>
      <a href="http://j-lite.net"></a>
    </li>
    <li>
      <a href="http://j-lite.net"></a>
    </li>
    <li>
      <a href="http://j-lite.net"></a>
    </li>
  </ul>
</h2>

是不是很方便呢?

ZenCoding 目前支持多种编辑器,也有一个js的插件支持在textarea中进行转换。虽然官方支持没有包含emacs,不过在 github 上已经有了一个山寨实现。尽管目前功能并不完善,比如不支持自动编号等,但是基本的展开功能已经够令人爽一把了。有兴趣的童鞋快去试试吧:)

发表评论

评论备注:

  1. 留言时的头像是Gravatar提供的服务。
  2. By submitting a comment here you grant this site a perpetual license to reproduce your words and name/web site in attribution. So, you don't fully own your words, so to speak.