Iframes were found on your page. Insert iFrame into Joomla stuff. How to open documents from a link in a frame
An example of use could be: inserting a youtube video into an article, or contacts. They all use iFrame.
How to insert an iFrame into a joomla article?
But first about the root of this problem:
Similar unauthorized editing html codebut it happens in joomla because of the newfangled ACL (access lists) or access lists. These are lists of user groups, where each has a list of permissions. Permission to read, write, edit, etc. In general, in these access lists, everyone, I repeat again, ALL, even you, the administrator of your site, have HTML filtering enabled!
Black list allows you to use any tags and attributes, except those that are included. By default, the blacklist contains the following tags: applet, body, bgsound, base, basefont, embed, frame, frameset, head, html, id, iframe, ilayer, layer, link, meta, name, object, script, style, title, xml.
By default, the blacklist contains the following attributes: action, background, codebase, dynsrc, lowsrc.
You can block any other tags by adding them to the Tag Filter and Attribute Filter fields, separating them with spaces or commas.
Whitelisting only allows tags that are listed in the "Tag Filter" and " Attribute filter».
If the value is "Disable HTML" at the time of saving the material, all HTML tags will be removed from it. Note that the filters listed here work independently of the visual editor. Even if filtering is disabled in the settings of the visual editor, the system's own filters will modify the information before saving it to the database.
Fix for joomla 1.6
- Go to the joomla admin panel
- Click on Content then Article manager and look for Options among the bunch of buttons on the right
- Opening the Text Filters tab
- Opposite SuperUsers and select No Filtering
- Don't forget to save!
Fix for joomla 2.5
- We go to the administrative panel
- Click on Site then on General Settings and look for the Text Filters tab
- Open the Text Filters tab
- Opposite Administrator and select "No Filtering"
- We are saved!
There are a couple more steps for those who use the standard Joomla editor TinyMCE.
To prevent TinyMCE from deleting the ill-fated iframe when embed video from youtube or the map needs additional settings:
Go to the plugin settings of the visual editor: Extensions - Plugin manager - Editor - TinyMCE - Basic parameters - Forbidden tags - Remove « iframe"- Save it.
Hello everyone. There is one interesting tag in html, with which you can insert another on your web page, and it will look as if it is sewn into yours. This is an article on how to insert into html iframe with an example.
Iframe features
So with this paired tag You can insert a page into your article from any website on the Internet. Let's look at this piece of code:
As you can see, all the insert parameters are set in the tag attributes. I don't think you need to explain anything about the first two - these are the width and height of our frame, in which the required page will be located. The dimensions should be selected based on the width of your content block.
The address desired page set in the src attribute. In it you need to write the full address to the site. The next attribute is the name of the frame. You can write an arbitrary value here. Finally, scrolling is responsible for the appearance of scrollbars, and its auto value makes it so that scrolling appears only when needed. You can also set the value here to no. In this case, the scrollbars will not appear, but then it will not be possible to scroll the page - you can only view its fragment, for how long the specified height is enough.
The rest of the parameters, if necessary, you can set through css. For example, it can be padding or a border.
Example of embedding iframe in html
In the example code that I gave above, you only need to change the page address to your own, as well as the frame size, if necessary. Here's an example:
Now this article has a web service in which you can select colors by moving the cursor around the screen, and when you click, they are saved. I use this helpful site a lot when experimenting with creating beautiful menus, buttons and forms.
This is how you can simply insert another site into your page. Perhaps, in this regard, you will have many of your own ideas for inserting an iframe to yourself. The main thing is that now you know how to do it.
Tag
The syntax for adding a frame is:
where src is an attribute that specifies the location of the document or website.I draw your attention to the fact that some sites, such as search engines, block the possibility of placing the site page in frames, or carry out a timer transition to their "real" page.
Browser support
Tag | Opera | IExplorer | Edge |
|||
---|---|---|---|---|---|---|
Yes | Yes | Yes | Yes | Yes | Yes |
Attributes
Attribute | Value | Description |
---|---|---|
align | left right top middle bottom | Not supported in HTML5. Determines the alignment of the element with the surrounding elements. |
frameborder | 0 1 | Not supported in HTML5. Specifies whether to display a border around the element. |
height | pixels | Determines the height of the element. |
longdesc | Url | Not supported in HTML5. Indicates a page containing a long description of the element's content. |
marginheight | pixels | Not supported in HTML5. Top and bottom indentation from content to frame border. |
marginwidth | pixels | Not supported in HTML5. Specifies the left and right indentation of the content to the border of the frame. |
name | text | Specifies the name of the element. |
sandbox | allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation | Includes an additional set of restrictions on the content in the element. |
scrolling | auto yes no | Not supported in HTML5. Indicates whether or not to display scroll bars on the element. |
src | Url | Specifies the address of the document to be embedded in the element. |
srcdoc | HTML_code | Specifies the HTML to be displayed in the frame. |
width | pixels | Determines the width of the element. |
Usage example
In this example, we will take as a frame upload an excellent site - TinyPng.com, which provides the ability to compress images intended for uploading to your site. As a rule, it is possible to reduce the size of images by 50%, or even more, which significantly reduces their size, saves disk space and increases page loading speed.