Joomla · Joomla Errors · Joomla Setup

Joomla 1.6 – Adding iFrame to Articles

Using Joomla 1.6, I was trying to add iframe code into my article and was having problems the other day.   I was able to do this perfectly in Joomla 1.5 and now Joomla 1.6 is stripping the code.   Why can’t I add my embedded <HTML> or google Adsense code to my articles anymore??!  Should I throw out my editor?  I was getting extremely frustrated.  After a day of monkeying around with the options, I finally found out where to make changes in the Joomla 1.6 administrator backend to enable embedded codes or iframe in my articles.

With Joomla 1.6, you can control text and links that users use to enter articles into your website.  With your different ACL’s now, you can restrict some users from being able to enter in any HTML tags and thereby managing the type of content users can submit to your website.  You can be as strict or as liberal as you require to suit your site needs. The text filtering is optional and the default settings provide good protection against any HTML markup commonly associated with Web site attacks.

Here are steps on how you can modify the settings for your “Super Users” account to have access to add iFrame code into articles:

1.  Log in to your Joomla Administrator panel

2.  Click on ‘Content’,’Article Manager, and click on the button ‘Options

3.  Click on the ‘Text Filters‘ tab.

4.  Go to the ‘Super Users’ and select from the dropdown – ‘No Filtering’.

5.  Save the options and refresh your site.

6.  If you are using TinyMCE editor, go to the editor options – Extensions menu > Plug-in Manager > Editor-TinyMCE  (Tip provided by John)

7.  Disable “clean up on save”.  (Tip provided by Adam.)

Refreshing your site and create a new article.  There is no need to throw out or change your Joomla 1.6 editor.  You should be able to add iframe or any embedded html codes and the editor will not strip your code.  I love Joomla again.

65 thoughts on “Joomla 1.6 – Adding iFrame to Articles

  1. Greetings… upon taking the steps you mentioned above… completely closing down my browser… and starting from scratch (just to make sure)… my editor still strips the code… any thoughts?

  2. Greetings Again… my apologies for taking up your time with my question… I did a little more digging and had to make some modifications to the editor plug-in as well…

    As a result… all is well! Thanks!

    1. Hi William,

      Thanks for visiting my site. Congrats on fixing your problem. Just curious, Which editor plugin are you using and what modifications did you make?

      Thanks,
      Elaine

  3. Thank you for this information. I was going crazy trying to figure this out and really didn’t have the patience tonight to review the documentation to determine if this was a bug.

    I’m up and running in no time at all thanks to Elaine.

    Your trash filter post was another that helped me. Keep the good tips coming.

    Much Appreciated,
    Scott

  4. Hi! Thanks to your advice i was able to embedd google maps iFrame in my Joomla 1.6 website! Thanks alot. One thing i must mention. I have disabled “clean-up on save” in TinyMCE editor options.

    1. Hi Adam, np! Thanks for your visit. Oh, thanks for the TinyMCE editor tip as well. I’ll add that in to the post. Hopefully it will help others as well.
      -elaine

    1. Hi Starky,
      If you are using TinyMCE editor, go to your editor options and disable “clean up on save”.
      Hope that helps!
      Elaine

  5. Thanks so much for this! I was having problems and tried fixing it for about 2 hours including trying another editor. Then I found your article, followed your steps and bam! All fixed.

    1. Hi Mac, I’m not too sure what you mean. Have you tried the steps in the post? It should work…Have you tried any other html codes to see if they get stripped from your post?
      Let me know. Thanks for your visit.
      elaine

    1. Nevermind, I found it.

      Extensions menu > Plug-in Manager > Editor-TinyMCE

      Everything is working perfectly now. Thanks.

  6. Hi! Just wanted to say thank you for documenting this feature of Joomla 1.6! I assumed my editor was jiggy, but after a re-install and no-go, I was back to square 1 until I found your post!

    THANK YOU!!!!

  7. Hi guys,
    I’ve been chasing this problem for weeks, I’ve just about read everything there is about this ‘Stripping of code” and tried everything without success.
    I’m using:
    XP Pro.
    Joomla! 1.6.1
    PHP Built On Linux cpanel28.per.syra.net.au 2.6.18-194.32.1.el5 #1 SMP Wed Jan 5 17:52:25 EST 2011 x86_64
    Database Version 5.0.92-community
    Database Collation utf8_general_ci
    PHP Version 5.3.2
    Web Server Apache/2.2.15 (Unix) mod_ssl/2.2.15 OpenSSL/0.9.8e-fips-rhel5 mod_bwlimited/1.4 mod_perl/2.0.4 Perl/v5.8.8
    WebServer to PHP Interface cgi-fcgi
    Joomla! Version Joomla! 1.6.1 Stable [ Onward ] 07-Mar-2011 23:00 GMT
    User Agent Mozilla/5.0 (Windows NT 5.1; rv:2.0.1) Gecko/20100101 Firefox/4.0.1
    It’s got to the point were I’m not game to update a page for fear of losing code.
    I would really love to find a fix for this.
    Cheers.

  8. Hello – I am attempting to insert a donation button into a Joomla 1.6 site and have tried all options mentioned. This is what I have attempted so far but code still being altered: Using “no editor” – Using TinyMCE – removing code cleanup from plugin. JCE – Superadmin “No Filtering”… all continue to modify my code. Here is the code I am attempting to insert:

    Using no editor for example after save this is what remains of the code:

    As you can see – the method and post functions are being attacked and altered.

    Can someone please offer an explanation to this problem and a suggested solution.

    Much Thanks,

    T

  9. Funny – your site even stripped out the code… lol – here is the code mentioned above in quotes…

    “”### (bracket) form name=”PrePage” method = “post” action = “https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx”> </form(bracket)""##

  10. I have followed all the steps above, even put the ‘no filtering’ on and still the javascript gets stripped in joomla 1.6

  11. tnx a lot. This is exactly the first part of my “headache”
    But …
    firebug help me for proof me, “the html (iframe) appear in the code”.
    But the content whitin the iframe doesn’t appear…
    arf

    Life is beatifull…

  12. Hi there,

    I just spent quite a lot of time being frustrated trying to find a way to do this using various plug-ins and Google API nonsense (I was just trying to get a map in my article). Why they changed the nice and simple way of doing it from 1.5 I don’t know. Anyway thanks to your article I have now set it up in about 1 1/2 minutes! Thank you so much! You just saved a whole lot of mucking around with nonsense.

    I really appreciate it!

    1. Hi Fiachra,
      Yeah, the 1.5 editor was perfectly fine. lol Took me a while to figure it out too. Well I’m glad my post helped you!
      Thanks for your visit,
      elaine

  13. Hello, I tried Google maps paste the code as it is written here and you can not. Editor pastes, and is well visible, but after writing disappears and you can not see, do you know how to solve the problem? Yours

  14. Hi there ,

    Thanks your such valuable suggestions. I was struggling with my Tiny MCE but with your tips now I can insert any code in my article. Thanks A lot for your help !

  15. THIS WAS SOOOOOOO HELPFUL… I was looking for the answer for so long. Thanks. I now have to see if this works for J 1.5… ??

    GRACIAS !!!

  16. Hi Elaine,

    Thank´s for the tips, but is not working for me. I follow every single step, and still stripping my iframe code :/ any suggestion?

    I´ve been trying another editors, but is always the same 🙁

  17. Hi evrybody,
    I don’t find any “Clean before save” in Tiny MCE with Joomla 1.7 !…
    where can I find it ??…
    thank you for your help !…
    phil

  18. Bravoooooooo
    After spending a lot of time to figure this out.. i found this article usefulll….
    Good News for Joomla 1.7 ..
    Joomla 1.7 > Admistration > Components > Plug-in Manager > Editor TinyMCE > does not have “Clean up data when save option”. You just have to REMOVE those texts available in “Basic Options>Prohibited Elements”
    ….just put any dummy text ..if you will leave it empty those text will come back….. just put a dummy text in Prohibited Element and SAVE and enjoy entering scripts… 😉

    Thanks Elaine…nice job!!

  19. Hi Elaine,

    I having problem on embedding video, my editor is CKEditor, I already allowed “No Filtering” on article options, but still I can’t embed youtube or youku videos.

    Please help.

    Thanks.

    Jun

Leave a Reply to Enzolina Cancel reply

Your email address will not be published. Required fields are marked *

Captcha Captcha Reload