0.0.5 • Published 10 years ago
zen-coding v0.0.5
zen-coding
同emmet的Syntax大部分功能,具体参考Syntax。
功能包括:Child:> & Multiplication:* & Custom attributes & Sibling:+ & Grouping:() & Implicit tag names:div & ID and CLASS attributes
Installation
Either through forking or by using npm (the recommended way):
npm install zen-codingAnd zen-coding will be installed in to your node-project.
examples
// ...
var zenCoding = require('zen-coding');
zenCoding('div#page>header.hd+(section.sc>div.main-wrap)+footer.ft');
zenCoding('div#page>header.hd+(section.sc>div.main-wrap>span*3)+footer.ft>div.a');
zenCoding('div#page>header.hd+(section.sc>span)*3+footer.ft');Browser usage
<script type='text/javascript' src='zen-coding.min.js'></script>
<script>
zen = require("zen-coding");
console.log( zen("div>a") );
</script>Documentation
- 接收字符串参数,返回html结构
- 支持层级/重复/括号,支持id/class/attribute
License
MIT