---
metadata:
  - name: generator
    content: Diplodoc Platform v5.44.0
alternate:
  - https://yandex.ru/support/tasks-requester/ru/guide/t-components/iframe.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/support/tasks-requester/ru/llms.txt

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

<!-- source: ru/_includes/button-text.md -->
Напишите нам, если не нашли ответ в Справке. Вы можете приложить скриншоты или видео, чтобы ускорить помощь:
<!-- endsource: ru/_includes/button-text.md -->

<a class="support_btn msg" target="_blank" href="https://yandex.ru/chat?context=%7B%22entrypoint%22%3A%22%7B%5C%22page_name%5C%22%3A%5C%22guide-t-components-iframe%5C%22%2C%5C%22a_pageurl%5C%22%3A%5C%22https%3A%2F%2Fyandex.ru%2Fsupport%2Ftasks-requester%2Fru%2Fguide%2Ft-components%2Fiframe%5C%22%7D%22%7D#/user/bb41c200-08e6-94b4-5c5b-e9694fa7b06e">Написать в чат</a>  <a class="support_btn" target="_blank" href="https://t.me/YandexTasksSupport_Bot">Написать в Telegram</a>

{% note info %}

Справочник по настройке интерфейса описывает работу редактора HTML/JS/CSS. Вы также можете попробовать создать встроенный фрейм в [Конструкторе шаблонов](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/view.iframe.md).

{% endnote %}

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

```plaintext
{{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](https://w3c.github.io/screen-orientation/).

- `"allow-pointer-lock"` разрешает [Pointer Lock API](https://w3c.github.io/pointerlock/).

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

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

- `"allow-presentation"` разрешает использовать [Presentation API](https://w3c.github.io/presentation-api/).

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

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

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

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

- `false` выключает перечисленные ограничения. | нет | `"allow-scripts allow-same-origin"`||
|#

<!-- source: ru/guide/_includes/contact-support.md -->
<!-- source: ru/_includes/btn-style.md -->

<!-- endsource: ru/_includes/btn-style.md -->

[Написать в службу поддержки](https://yandex.ru/support/tasks-requester/ru/guide/troubleshooting/support.md){.support_btn}
<!-- endsource: ru/guide/_includes/contact-support.md -->