Элементы и виджеты

Пользовательский код

6min

Виджет Пользовательский код (Embed) используется для добавления на страницу дополнительного кода.

Document image


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

Виджет Embed дает возможность:

  • добавить на сайт дополнительный функционал
  • установить дополнительные стили
  • интегрировать сторонние сервисы (например, добавить видео из YouTube)

Чтобы использовать виджет Embed, подключите тариф хостинга Basic или команды Team Pro.

Добавление пользовательского кода на страницу

Для вставки пользовательского кода:

  • Добавьте на страницу виджет Embed из панели Элементов (Elements), перетащив его в нужное место или кликнув по его названию.
  • Дважды кликните на виджет на Холсте.
  • В открывшемся окне Редактора кода (Code editor) введите необходимый код или скопируйте ранее написанный вами код и вставьте.
Document image

  • Нажмите кнопку Сохранить (Save) и закройте окно.

Для удобства строки в редакторе кода автоматически нумеруются.

Пользовательский код не валидируется, поэтому некорректный код может вызвать проблемы в работе опубликованного проекта.

Блок виджета со встроенным в него кодом отображается на Холсте в режиме редактирования страницы и при ее предварительном просмотре, но результаты работы кода можно увидеть только при публикации проекта.

Document image


При необходимости вы можете вставить на страницу несколько виджетов Embed. 

Интеграция сторонних сервисов

Для интегрирования контента из стороннего сервиса, например, видео из YouTube, скопируйте код с сайта сервиса (обычно это iframe) и вставьте его в Редактор кода.

Правила оформления кода

Виджет поддерживает код следующих типов: HTML, CSS и JavaScript. Серверные языки программирования (например, Perl, PHP, Python, Ruby) интегрировать нельзя.

  • Используйте для CSS кода тег <style>
  • Используйте для JavaScript кода тег <script>
  • Не забывайте использовать закрывающие теги. Для упрощения работы в Редакторе кода реализовано автоматическое закрытие тегов.
  • Не используйте в пользовательском коде теги <html>, <body> и <head>