Пользовательский код
Виджет Пользовательский код (Embed) используется для добавления на страницу дополнительного кода.
Пользовательский код расширяет возможности при создании сайта и дает свободу в управлении его функционалом и стилями.
Виджет Embed дает возможность:
- добавить на сайт дополнительный функционал
- установить дополнительные стили
- интегрировать сторонние сервисы (например, добавить видео из YouTube)
Чтобы использовать виджет Embed, подключите тариф хостинга Business или команды Team.
Добавление пользовательского кода на страницу
Для вставки пользовательского кода:
-
Добавьте на страницу виджет Embed из панели Элементов (Elements), перетащив его в нужное место или кликнув по его названию.
-
Дважды кликните на виджет на Холсте — откроется окно Редактора кода (Code editor).
- Введите необходимый код или скопируйте нужный код и вставьте в редактор — например, код для встраивания видео с YouTube. Затем нажмите кнопку Сохранить (Save) и закройте окно.
Для удобства строки в редакторе кода автоматически нумеруются.
После сохранения кода и закрытия редактора вы увидите результаты работы кода на холсте.
Если вы добавите в виджет Embed css-стили или js-код, они сразу же будут применены к элементам на странице — и изменения будут отображены на холсте.
Пользовательский код не валидируется, поэтому некорректный код может вызвать проблемы в работе опубликованного проекта.
При необходимости вы можете вставить на страницу несколько виджетов Embed.
Интеграция сторонних сервисов
Для интегрирования контента из стороннего сервиса, например, видео из YouTube, скопируйте код с сайта сервиса (обычно это iframe) и вставьте его в Редактор кода.
Правила оформления кода
Виджет поддерживает код следующих типов: HTML, CSS и JavaScript. Серверные языки программирования (например, Perl, PHP, Python, Ruby) интегрировать нельзя.
- Используйте для CSS кода тег <style>
- Используйте для JavaScript кода тег <script>
- Не забывайте использовать закрывающие теги. Для упрощения работы в Редакторе кода реализовано автоматическое закрытие тегов.
- Не используйте в пользовательском коде теги <html>, <body> и <head>