simily Zencoding Template Engine

simily-zenco-js

var template = '(div[id=menu, class={menu.menuclass}]>ul>li[class={menu.itemclass}, html={title}, map={menu.items}])+(div[class=body]>div[class=content]>p[html={maincontent}])',
	data = {
		maincontent: 'foo bar',
		menu: {
			menuclass: 'menu',
			itemclass: 'menu-item',
			items: [
				{ title: 'first entry' },
				{ title: 'second entry' },
				{ title: 'third entry' },
				{ title: 'fourth entry' }
			]
		}
	};
	
	Template.render(template, data);
	/*
		<div id='menu' class='menu'>
			<ul>
				<li class='menu-item'>first item</li>
				<li class='menu-item'>second item</li>
				<li class='menu-item'>third item</li>
				<li class='menu-item'>fourth item</li>
			</ul>
		</div>
		<div class='body'>
			<div class='content'>
				<p>foo bar</p>
			</div>
		</div>
	*/