Редактирование JavaScript кода

Позволяет расширить функционал стандартного компонента, или создать функционал нового.

Если в списке файлов из CDN указаны .js файлы, то вначале они будут загружены, а потом выполнен JS код компонента.

В коде доступны 3 переменные: el, params и page.

Переменная el

Корневой DOM-элемент компонента.

Если на странице 5 одинаковых компонентов, код будет выполнен 5 раз. То есть JS-код выполняется для каждого компонента, с новым el каждый раз.

Переменная params

Настройки компонента из редактора, добавленные во вкладке Настройки.

Чтобы настройка была доступна в params, нужно отметить ее галочкой «Использовать в JS».

Переменная page

Это быстрый доступ к Creatium JavaScript API, благодаря которому вам не нужно использовать обертку cr.api, как этого требует API.

То есть вместо такого кода:

cr.api(function (page) {
var component = page.getComponent('my-id');
});

В настройках компонента вы можете писать просто:

var component = page.getComponent(el);

И не нужно добавлять ID или классы в настройках компонента.