Добавление собственных функций
Внутри панелей HTML, JavaScript и CSS
При нажатии кнопки «Изменить» в примере подключаемого модуля Plugin Playground отображаются панели HTML, JavaScript (JS) и CSS. Панель HTML (слева) позволяет изменять пользовательский интерфейс подключаемого модуля. Панель JS (в середине) позволяет записывать функции, которые могут взаимодействовать с FormIt посредством API подключаемого модуля FormIt JS. Наконец, панель CSS (справа) определяет стиль HTML.

Добавление функции для создания цилиндра
Чтобы создать цилиндр, добавим функцию в этот подключаемый модуль.
Сначала необходимо настроить поле ввода и кнопку пользовательского интерфейса на панели HTML. Скопируйте следующий код и вставьте его после строки 23 и перед разделом <!-- Не удаляйте приведенные ниже сценарии, если не уверены в своих действиях -- >
Это позволит добавить некоторые базовые элементы пользовательского интерфейса в наш подключаемый модуль.

Теперь добавим две функции на панели JS. Скопируйте следующий код и вставьте его в конец файла (после строки 16).
Это приведет к созданию цилиндра в рабочем пространстве FormIt.

Запуск и предварительный просмотр
Когда вы будете готовы посмотреть результаты, снова нажмите кнопку воспроизведения . На той же панели будут отображаться обновления подключаемого модуля.

API подключаемых модулей FormIt
Полную документацию по API для подключаемых модулей FormIt см. в разделе полезных ссылок.
Last updated