Joomla 3.0 Tutorial – How to Add IFrame To Articles

by Elaine on November 9, 2012

Joomla 3.0 Tutorial on how to add iframe to Joomla 3.0 articles. As you’ve already noticed, it is impossible to add iFrame code into your article HTML in Joomla 3.0.  That’s because iFrame is listed as a prohibited element in the editor you are using to create articles.  The Editor is called TinyMCE.  To enable your editor – TinyMCE to allow iFrame code you must remove it from the ‘Prohibited Elements’ in the Plugin Manager.   Below I will show you how to easily do that.

How to add iFrame code to your Articles in Joomla 3.0 Overview:

  1. Go to your Plugin Manager
  2. Edit TinyMCE Editor
  3. Remove iFrame from Prohibited Elements

1.  Go to your Plugin Manager

The Joomla 3.0 Plugin Manager controls all the little programs that run your Joomla 3.0.  It deals with the inner workings of Joomla 3.0.  Which include the Editor used creating new categories, menus and articles.

joomla 3 plugin manager Joomla 3.0 Tutorial   How to Add IFrame To Articles Joomla 3.0 Plugin Manager
  • Login to your Joomla 3.0 Backend Administrator
  • Click on ‘Extensions’, ‘Plug-in Manager

2.  Edit TinyMCE Editor in Plugin Manager

This is the editor used to create articles in the Article Manager.  In here you can customize your editor.  This includes having a basic editor or advanced editor, or including or excluding HTML code in the article.

joomla 3 plugin manager editor tinyMCE Joomla 3.0 Tutorial   How to Add IFrame To Articles Joomla 3.0 Tiny MCE Editor
  • In the Plug-in Manager: Plug-ins
  • Search for: TinyMCE
  • Click on ‘Editor – TinyMCE‘ to edit it

3.  Remove iFrame from Prohibited Elements

Customize your J00la 3.0 TinyMCE editor.  On the second tab you will see near the bottom ‘Prohibited Elements’.  This is where you will remove the word ‘iframe’.

joomla 3 plugin manager editor tinyMCE allow iframe Joomla 3.0 Tutorial   How to Add IFrame To Articles Joomla 3.0 – Remove iFrame from Prohibited Elements in TinyMCE Editor
  • In Plug-in Manager : TinyMCE
  • Click on ‘Basic Options’
  • Scroll down to the bottom
  • In Prohibited Elements – Remove the word – iframe.  Then you will see my screenshot above.
  • Click on ‘Save & Close’

Now go back to creating an article.  Add iFrame code into the article and now the iframe code will not be stripped.  You will see the iframe because it is not prohibited code anymore.

Thanks,

Elaine

 Joomla 3.0 Tutorial   How to Add IFrame To Articles

Elaine

Elaine is the founder of CmsMind, an online blog providing Joomla and Wordpress tutorials. Elaine lives in Toronto and when she is not online, she is either Marathon and Triathlon training or travelling and racing somewhere in the world. Find her also at: Save Money, Premium Themes and Templates, and at Webhosting Tips.

More Posts - Website

{ 1 comment… read it below or add one }

JB March 25, 2013 at 11:48 pm

How do you add an ebook to a joomla site

Reply

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: