The default settings in the Joomla 2.5 article editor will strip iframe tags out of the page. If you're having trouble inserting an iframe into an article, this is most likely why. Removing iframes from articles is done as a security measure for your hosting account and your site visitors, as it attempts to prevent any hidden iframes (or visible iframes for the matter) that could potentially load a malicious website.

One way to prevent the stripping of these iframes to is update your editor's settings to allow the iframe. These steps vary by editor, and in this article we'll show you how to allow iframes within Joomla 2.5's default TinyMCE editor.

We'll also show you how to allow an iframe via the global text filters section of Joomla.

Allow iframes with TinyMCE editor

  1. Log into your Joomla 2.5 Admin
  2. In the top menu, hover over Extensions and click Plug-in Manager
  3. From the Select Type filter, choose editors
    from-the-drop-down-choose-editors
  4. From the list of editors, click on Editor - TinyMCE
  5. From the list of Basic Options, remove iframe from Prohibited Elements
    remove-iframe-from-prohibited-elements
  6. Click Save in the top right menu. Now that you have removed iframes from the prohibited elements setting, you can add iframes to your articles and they should not be taken out.

Allow iframes with global text filters

  1. In the top menu, hover over Site and click Global Configuration
    navigate-to-site-global-configuration
  2. Click on the Text Filters tab
  3. For your Super Users select No Filtering from the drop-down
    select-no-filtering-in-super-users-drop-down
Continued Education in Course 102: Writing Articles in Joomla 2.5
You are viewing Section 19: How to add an IFRAME to a Joomla 2.5 article
Section 18: How to use Page Break in Joomla 2.5
Section 20: How to add javascript to Joomla 2.5 articles
Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Joomla Community Google+ Hangout #3

June 3rd, 2014

Thank you @RustyJoomla for letting me speak on the Joomla Community Google+ Hangout!

Click here to watch!

2013-05-20 5:47 pm
wondering why I do not have a "text filtering" tab
Staff
2013-05-20 6:53 pm
Hello Veeray,

I've been trying to find an answer to your question about the "text filtering" tab. I checked my own installation (Joomla 3.0) and TEXT FILTERING is in a different area, but still available. If you are in Joomla 3.0, click on Gobal Configuration, then in the menus above SITE SETTINGS, you will see the option for Text Filters. It is applied to the different user groups in the newer version.

Check out our article on applying iFrames in Joomla 3.0 if you need any further information.

If this does not answer your question, please let us know. We would need more information, such as what version you are using. Also, any screenshots would help us troubleshoot further if necessary. We appreciate your patience.

If you have any further questions, please leave a comment with more details and and we will be happy to review the issue for you. If we answered your question and it's a great solution for you, please make sure to mark the answer as the BEST answer. Or please leave a comment or note of thanks so that we know your issue is resolved or ongoing.

Arnel C.
Community Support Team
2013-05-21 12:13 pm
thanks for the reply but I dont see that option anywhere in my global configuration page. Could it be because My user has limited permissions?
Staff
17,855 Points
2013-05-21 5:55 pm
Hello Veeray!

Yes, that is most likely the cause since this can be limited by the user group permissions. Please let us know if you have any further questions or require further assistance!

Arnel C.
2013-06-11 4:52 am
Nice post.Thank you for taking the time to publish this
information very useful!


2013-06-18 6:44 am
Thank you for your help!
But the solution: Global Configuration / Text Filters tab / Super Users / No Filtering

Is safe? Or we are waiting the bad boys to destroy the system :-)
2013-08-10 12:13 am
I wonder how come i didnt know this trick? Thanks for the article. now i can add iframe and javascript in articles :)
n/a Points
2014-03-31 8:36 am

Thanks for the best and easiest solution!

n/a Points
2014-05-01 5:22 pm

Doesn't work

Staff
17,855 Points
2014-05-01 9:52 pm
Hello Ryein,

Apologies if you're having problems. However, as per the testimony of many of the comments before you, it is obviously working in some cases. If you wish for some assistance, please provide some information and we would be happy to look into the issue for you.

Regards,
Arnel C.
n/a Points
2014-05-04 8:59 am

Thanks for the post and the informative graphics. It has certainly helped me understand how to! Many thanks.

n/a Points
2014-07-03 10:43 pm

Just wondering why it does not stick.  I am using Joomla 2.5.9  - when I follow your steps it works.  However the minute I go back into the article to edit something else on the page it removed the javascript coding.  

I am trying to embed a publication which has been placed on issuu.com into the article.

Staff
9,968 Points
2014-07-03 10:57 pm
Hello Anthony,

If you're trying to add an iframe to your Joomla site there shouldn't be any JavaScript coding involved. You would just want to click on the HTML source button in your article editor and then create an iframe with this code:

<iframe src="http://example.com"></iframe>


Joomla shouldn't be removing your code at all when simply opening up the article again to edit. If you followed the steps in this guide you might want to change your default Joomla editor to make sure it's set to TinyMCE.

- Jacob
n/a Points
2014-07-03 11:06 pm

I think there is a step missing from the above which has been missed. In doing some further reading I believe you need to do this as well:

In JCE > Editor Profiles select the profile you normally use, then click the Editor Parameters tab then the Advanced tab in there. You should see a setting for Allow Javascript. Turn this on and it will allow you to insert Javascript in the HTML view.

The deafult editor is JCE because we want more options than what is offered in TinyMCE (t though this is installed as well).

FYI - This is the script I am trying to add to an article

<div data-configid="11978726/8398177" style="width: 525px; height: 263px;" class="issuuembed"></div
><script type="text/javascript" src="//example.com/embed.js" async="true"></script>
Staff
9,968 Points
2014-07-03 11:21 pm
Hello Anthony,

I'm not sure if your read this guide that you're commenting on, but this guide explains how you can add an HTML iframe element to your Joomla articles.

There is not one word of JavaScript mentioned which is a completely different thing.

You should be able to follow similar steps of going to Extensions > Plug-In Manager and then clicking on Editor - TinyMCE and remove script from the Basic Options section beside Prohibited Elements.

It looks like the steps you've listed for the JCE are close. I found it as:


  1. In the JCE Control Panel, click on Edit Profiles

  2. Click the profile name for your user

  3. Navigate to the Editor Parameters tab, then to the Options tab

  4. Set Allow JavaScript to Yes

  5. Go to Site > Global Configuration

  6. Click on the Text Filters tab

  7. For Super Users select No Filtering from the drop-down



- Jacob
n/a Points
2014-07-03 11:33 pm

 

 Thanks Jacob.  That's perfect.  The article on javascript referred to this page to follow the process, which is how I ended up commenting here.  Great fast response - thanks heaps.

Staff
9,968 Points
2014-07-03 11:37 pm
Hello Anthony,

No problem at all. Thanks for the response I was unaware that we had the allow JavaScript in Joomla guide linking to this one.

Hopefully any additional users running into similar problems will view our comments and be able to solve their problem as well now.

- Jacob
n/a Points
2014-09-09 11:26 pm

Note that if you remove ALL Prohibited Elements you shall enter any dummy text as "empty" or also a blank space because if you just leave the text box empty the default tags will be restored after saving

n/a Points
2014-10-07 9:02 pm

Thanks for the help.  I've tried following all this (on Joomla 2.5) and TinyMCE leaves the iframe tags but strips them of any content other than width and height.  E.g. 

<iframe src="https://www.flickr.com/photos/[....]/player/" width="75" height="75" frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>

becomes

<iframe width="320" height="240"></iframe></p>

Notice how the with and height change too!

Pretty strange.

n/a Points
2014-10-07 10:02 pm

I've mostly fixed my issue now. There were two things I did. 

One: In TinyMCE settings I added "iframe[align|class|frameborder|height|id|longdesc|marginheight|marginwidth|name|scrolling|src|style|title|width]" to Extended Valid Elements (under Basic Options).

Two: I also have RSFirewall! installed.  It filters out iframes apparently.  I had to turn off Enable protections for Javascript filtering.  There are some options on how to do that here:

http://www.rsjoomla.com/support/view-article/785-scrambled-tags-iframe-becomes-i-frame.html

Cheers,

Adam

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

22 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!