Примером использование может быть: вставка видео с youtube в статью, или контакты. Все они используют iFrame .

Как вставить iFrame в статью на joomla?

Но вначале о корне этой проблемы:

Подобное самовольное редактирование html кода происходит в джумле из-за новомодной фишки ACL (access lists) или списков доступа. Это списки групп пользователей, где для каждой есть список разрешений. Разрешение на чтение, запись, редактирование и т.д. В общем в этих списках доступа у всех, еще раз повторяю У ВСЕХ, даже у вас, администратора своего сайта, включена фильтрация HTML!

Чёрный список позволяет использовать любые теги и атрибуты, кроме тех, что внесены. По умолчанию в чёрный список содержит следующие теги : applet, body, bgsound, base, basefont, embed, frame, frameset, head, html, id, iframe, ilayer, layer, link, meta, name, object, script, style, title, xml .

По умолчанию чёрный список содержит следующие атрибуты : action, background, codebase, dynsrc, lowsrc .

Можно заблокировать любые другие теги, добавив их в поля «Фильтр тегов» и «Фильтр атрибутов», разделяя их пробелами или запятыми.

Белый список позволяет только теги, перечисленные в полях «Фильтр тегов» и «Фильтр атрибутов ».

При значении «Запрет HTML» в момент сохранения материала из него будут удалены все HTML-теги. Учтите, что указанные здесь фильтры работают независимо от визуального редактора. Даже если в настройках визуального редактора фильтрация отключена, собственные фильтры системы будут модифицировать информацию перед сохранением в базу данных.

Исправление для joomla 1.6

1. Заходим в админку джумлы
2. Щелкаем на Content затем на Article manager и ищем среди кучи кнопочек справа Options
3. Открываем вкладку Текстовые фильтры (Text Filters)
4. Напротив Суперпользователей (SuperUsers) и выбираем Без фильтрации (No Filtering)
5. Не забываем сохраниться!

Исправление для joomla 2.5

1. Заходим в административную панель
2. Щелкаем на Сайт затем на Общие настройки и ищем вкладку Фильтры текста
3. Открываем вкладку Настройки фильтрации текста (Text Filters)
4. Напротив Administrator и выбираем «Нет фильтрации» (No Filtering)
5. Сохраняемся!

Есть еще пара шагов для тех, кто пользуется стандартным джумловским редактором TinyMCE.

Чтобы и TinyMCE не удалял злополучный iframe при вставке видео с youtube или карты надо сделать дополнительные настройки:

Идем в настройки плагина визуального редактора: Расширения — Менеджер плагинов – Редактор – TinyMCE — Основные параметры — Запрещенные теги – Удаляем «iframe » — Сохряняем.

Всем привет. В html есть один интересный тег, с помощью которого можно на свою веб-страничку вставить другую, причем она будет выглядеть так, как будто вшита в вашу. Это статья о том, как вставить в html iframe с примером.

Возможности iframe

Итак, с помощью этого парного тега можно вставить в свою статью страницу с любого веб-сайта в интернете. Давайте рассмотрим вот такой фрагмент кода:

Как видите, все параметры вставки задаются в атрибутах тега. О первых двух, я думаю, вам объяснять ничего не надо – это ширина и высота нашего фрейма, в котором будет находиться нужная страничка. Размеры нужно подбирать исходя из ширины вашего контентного блока.

Адрес нужной страницы задается в атрибуте src . В нем нужно написать полный адрес до сайта. Следующий атрибут – имя фрейма. Тут можно написать произвольное значение. Наконец, scrolling отвечает за появление полос прокрутки, а его значение auto делает так, что прокрутка появится только при необходимости. Также тут можно задать значение no . В этом случае полосы прокрутки не будут появляться, но тогда и прокрутить страницу нельзя будет — вы сможете только просмотреть ее фрагмент, на сколько хватит заданной высоты.

Остальные параметры при необходимости вы можете задать через css. Например, это могут быть отступы или рамка.

Пример вставки iframe в html

В примере кода, который я приводил выше, вам нужно лишь изменить адрес страницы на свой, а также размеры фрейма, если это необходимо. Вот пример:

Сейчас в этой статье появился веб-сервис, в котором вы можете путем перемещения курсора по экрану выбирать цвета, а при клике они сохраняются. Я часто использую этот полезный сайт, когда экспериментирую с созданием красивых меню, кнопок и форм.

Вот так вот просто можно вставить другой сайт на свою страничку. Возможно, в связи с этим у вас появится много своих идей вставки iframe к себе. Главное, что теперь вы знаете, как это делается.

Элемент

Frames

Что же делает

Основное различие между , где src атрибут, который определяет местоположение документа или веб-сайта.

Обращаю Ваше внимание, на то что некоторые сайты, например такие как поисковые системы, блокируют возможность размещения страницы сайта во фреймах, либо осуществляют переход по таймеру на свою «реальную» страницу.

Поддержка браузерами

Тег			Opera		IExplorer	Edge
href = "https://tinypng.com" target = "myframe" > TinyPng href = "moscow.jpg" target = "myframe" > Moscow href = "paris.jpg" target = "myframe" > Paris href = "london.jpg" target = "myframe" > London В этом примере мы: Элементом В этом примере элементом . Синтаксис Параметры align Определяет как фрейм будет выравниваться по краю, а также способ обтекания его текстом. frameborder Устанавливает, отображать границу вокруг фрейма или нет. height Высота фрейма. hspace Горизонтальный отступ от фрейма до окружающего контента. name Имя фрейма. scrolling Способ отображения полосы прокрутки во фрейме. src Путь к файлу, содержимое которого будет загружаться во фрейм. vspace Вертикальный отступ от фрейма до окружающего контента. width Ширина фрейма. Закрывающий тег Обязателен. Пример 1. Использование тега Описание параметров тега Аргументы absmiddle Выравнивание середины фрейма по середине текущей строки. baseline Выравнивание фрейма по базовой линии текущей строки. bottom Выравнивание нижней границы фрейма по окружающему тексту. left Выравнивает фрейм по левому краю окна. middle Выравнивание середины фрейма по базовой линии текущей строки. right Выравнивает фрейм по правому краю окна. texttop Верхняя граница фрейма выравнивается по самому высокому текстовому элементу текущей строки. top Верхняя граница фрейма выравнивается по самому высокому элементу текущей строки. Наиболее популярные параметры — left и right , создающие обтекание текста вокруг фрейма. Чтобы текст не прилегал плотно к содержимому фрейма, рекомендуется в теге Lorem ipsum dolor sit amet, consectetuer adipiscing elit... Параметр FRAMEBORDER Описание По умолчанию вокруг содержимого фрейма рисуется рамка с эффектом трехмерности. Чтобы ее скрыть применяется параметр frameborder . Синтаксис Аргументы yes (или 1) Отображает рамку вокруг фрейма. no (или 0) Скрывает рамку вокруг фрейма. Значение по умолчанию Пример 3. Сокрытие исходной рамки вокруг фрейма Параметр HEIGHT и WIDTH Описание Для изменения размеров фрейма средствами HTML предусмотрены параметры width и height . Допускается использовать значения в пикселах или процентах. Если установлена процентная запись, то размеры фрейма вычисляются относительно родительского элемента — контейнера, где находится тег Аргументы Любое целое положительное число в пикселах или процентах. Значение по умолчанию width — 300 пикселов, height — 150 пикселов. Пример 4. Ширина и высота фрейма Параметр HSPACE и VSPACE HTML: 3.2 4 XHTML: 1.0 1.1 Описание Для любого фрейма можно задать невидимые отступы по горизонтали и вертикали с помощью, соответственно, параметров hspace и vspace . Особенно это актуально при обтекании содержимого фрейма текстом. В этом случае, чтобы текст не «наезжал» плотно на границу фрейма, необходимо вокруг него добавить пустое пространство. Синтаксис Аргументы Любое целое положительное число в пикселах. Значение по умолчанию Пример 5. Поля вокруг фрейма Параметр NAME Описание В обычном HTML-документе при переходе по ссылке, в окне браузера текущий документ заменяется новым. Чтобы направить содержимое во фрейм, он должен иметь уникальное имя, задаваемое атрибутом name . В этом случае при создании ссылки у тега требуется указать параметр target , в качестве значения которого выступает имя фрейма. Синтаксис Аргументы Для указания имени используется набор символов, включая числа и буквы. При обращении к фрейму по имени соблюдайте то же написание, что и в параметре name . Значение по умолчанию Чебурашка Крокодил Гена Шапокляк Параметр SCROLLING Описание Если содержимое фрейма не помещается в отведенные размеры, автоматически появляются полосы прокрутки для просмотра информации. В некоторых случаях, полосы прокрутки нарушают дизайн веб-страницы, поэтому от них можно отказаться. Для управления отображением полос прокрутки используется параметр scrolling . Синтаксис Аргументы auto Полосы прокрутки добавляются браузером только по необходимости, в том случае, когда содержимое фрейма превышает его видимую часть. no Запрещает отображение полос прокрутки. yes Всегда вызывает появление полос прокрутки, независимо от объема информации. Значение по умолчанию Пример 7. Сокрытие полос прокрутки Параметр SRC Описание Указывает адрес файла (URL), который будет загружаться во фрейм. Это может быть HTML-документ, изображение или серверная программа. Допустимо использовать не только путь к файлу, но также имя функции JavaScript, которое возвращает значение. Синтаксис Аргументы В качестве значения принимается полный или относительный путь к файлу. Значение по умолчанию Пример 8. Путь к файлу Теги фреймов FRAME определяет свойства отдельного фрейма, на которые делится окно браузера. FRAMESET определяет структуру фреймов на веб-странице. Фреймы разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью тега FRAME. IFRAME создает плавающий фрейм, который находится внутри обычного документа, он позволяет загружать в область заданных размеров любые другие независимые документы. NOFRAMES отображается в браузере, когда он не поддерживает фреймы и не умеет их интерпретировать. Браузеры, которые работают с фреймами, полностью игнорируют содержимое тега NOFRAMES. О сайте Контакты Реклама Написать нам