Документация Толоки

Встроенный фрейм

    Обратите внимание

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

    Примечание

    Справочник по настройке интерфейса описывает работу редактора HTML/JS/CSS. Вы также можете попробовать создать встроенный фрейм в Конструкторе шаблонов.

    Чтобы добавить в задание встроенный фрейм, используйте компонент {{iframe src=<URL объекта>}}. Например:

    {{iframe src=url width="100px" height="100px"}}
    

    Параметры

    Параметр

    Описание

    Обязательный

    Значение по умолчанию

    src

    URL страницы.

    да

    нет

    width

    Ширина фрейма. Указывается в следующих единицах:

    • Пиксели. Например, width="100px".

    • Доля от размера родительского элемента. Например, width="100%".

    Можно также задать ширину с формулой. Например: width="calc(100%-30px)".

    нет

    "300px"

    height

    Высота фрейма в пикселях. Указывается в следующих единицах:

    • Пиксели. Например, height="100px".

    • Доля от размера родительского элемента. Например, height="100%".

    Можно также задать ширину с формулой. Например: height="calc(100%-30px)".

    нет

    "500px"

    content-width

    Ширина содержимого во фрейме в пикселях. Например, content-width="700".

    Чтобы фрейм был шириной с экран, задайте content-width="false".

    нет

    "1280"

    zoom

    Кнопка для увеличения фрейма до размера окна браузера:

    • zoom=true — увеличить фрейм до размера окна браузера.

    • zoom=false — сохранить заданный размер фрейма.

    нет

    false

    class

    CSS-класс для фрейма.

    нет

    ".iframe"

    sandbox

    Включает режим песочницы, ограничивающий работу во фрейме.

    Чтобы выключить некоторые запреты, используйте следующие значения (комбинируются через пробел):

    • "allow-forms" разрешает содержимому фрейма отправлять формы.

    • "allow-modals" разрешает открывать модальные окна (например, с помощью alert).

    • "allow-orientation-lock" разрешает методы lock и unlock из Screen Orientation API.

    • "allow-pointer-lock" разрешает Pointer Lock API.

    • "allow-popups" разрешает всплывающие окна (например, с помощью window.open или target="_blank").

    • "allow-popups-to-escape-sandbox" разрешает всплывающим окнам не наследовать режим песочницы (например, чтобы в всплывающем окне, в котором есть JavaScript, он был разрешен без "allow-scripts" у фрейма).

    • "allow-presentation" разрешает использовать Presentation API.

    • "allow-same-origin"разрешает загрузку содержимого фрейма (воспринимает это как контент из того же источника, что и родительский документ). Блокирует всплывающие окна, поэтому может использоваться для безопасного открытия контента.

    • "allow-scripts" разрешает запуск и выполнение скриптов. Создание всплывающих окон при этом запрещено.

    • "allow-top-navigation" разрешает открывать ссылку фрейма в родительском документе.

    • "allow-top-navigation-by-user-activation" разрешает открывать ссылку фрейма, нажатую исполнителем, в родительском документе.

    • false выключает перечисленные ограничения.

    нет

    "allow-scripts allow-same-origin"