Обертка блока в BEMHTML

Существует ли способ обернуть элемент блока другим элементом внутри BEMHTML Имеем такой bem json

{
    elem: 'cancel',
    content: 'Отмена'
}

на выходе такой html div.form__cancel-wrapper>a.form__cancel Я вижу решение подключения elem: 'cancel-wrapper' и внутри его шаблона подключить другой элемент и тогда все ок. Но хотелось бы не знать о существовании такой обертки, когда пишется элемент, чтобы его шаблон оборачивал. Есть ли решение этой проблемы?

9 years ago

Guria

BEMHTML просто создан для таких вещей:

block('form').elem('cancel')(
    def()(function(){
        return applyCtx({
            elem: 'cancel-wrapper',
            content: this.ctx
        })
    }),
    tag()('a')
);

9 years ago

AndreyGladkov

Спасибо тебе добрый человек. Возможно есть более полное описание BEMHTML всех его функций? Если да, хотелось бы ссылочку, на сайте bem.info я не чего про def() не нашел.

9 years ago

Guria

https://ru.bem.info/technology/bemhtml/v2/reference/#standardmoda Там же: https://ru.bem.info/technology/bemhtml/v2/reference/#Примеры-и-рецепты

9 years ago

tadatuta

@AndreyGladkov Все, что написал @Guria верно, но на всякий случай уточню: а точно ли нужна обертка снаружи form__cancel, а не внутри? Семантически эта обертка не является ли скорее внутренним миром самого form__cancel? Если так, что я бы предложил сделать

block('form').elem('cancel')(
    content()(function(){
        return {
            elem: 'cancel-inner',
            content: applyNext()
        };
    }),
    tag()('a')
);

получится a.form__cancel > div.form__cancel-inner.

9 years ago

AndreyGladkov

Не не внутри)) такой дизайн

Чтобы оставлять комментарии, необходимо авторизоваться.