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

Примечание. Справочник по настройке интерфейса описывает работу редактора 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"

Параметр

Описание

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

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

 
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"