bem-json
v0.1.6
Published
Template engine for BEM
Downloads
9
Readme
Что это?
Это JavaScript шаблонизатор, который использует методологию БЭМ (http://bem.github.com/bem-method/html/all.ru.html) и позволяет писать шаблоны в виде деклараций на чистом js.
Декларация (шаблон)
BEM.JSON.decl('b-block', {
onBlock: function (ctx) {
ctx.content({elem: 'item'});
},
onElem: {
'item': function (ctx) {
ctx.tag('h1').content('Hello world');
}
}
});
Позволяет получить json
console.log(BEM.JSON.build({block: 'b-block'}));
{
"block": "b-block",
"content": {
"elem": "item",
"tag": "h1",
"content": "Hello world"
}
}
или html
console.log(BEM.HTML.build({block: 'b-block'}));
<div class="b-block">
<h1 class="b-block__item">Hello world</h1>
</div>
Цель проекта
- Расширяемые шаблоны на чистом JS в Лего и bem-bl проекте.
- Обратная совместимость с BEMHTML и XSL шаблонами
- Повторное использование кода шаблона на клиенте и сервере
Как использовать
BEM.JSON.decl обратно совместима с BEM.HTML.decl из Лего
Можно использовать в таких связках
- json (данные) → BEM.HTML.build → html
- json (данные) → BEM.JSON.build → bemjson → bemhtml → html
- json (данные) → BEM.XML.build → lego:xml → xsl → html