How to add an iframe in a Joomla 3 Article

In this Joomla 3.0 tutorial, we’ll show you how to add an iframe when writing an article. You can’t simply use the HTML editor and type in your iframe code because Joomla will strip it out for security reasons. Therefore, you need to update your editor’s settings and allow iframes.

To use an iframe in Joomla 3.0:

  1. Log into your Joomla 3.0 administrative dashboard
  2. In the top menu, click Extensions and then click Plug-in Manager
  3. In the left menu under Filter, click Select Type and then click editors. In the list of results, click Editor – TinyMCE.
  4. At the top of the page, click the Basic Options tab
  5. Scroll down until you find the Prohibited Elements setting:prohibited-elements

    Prohibited Elements
    Elements that will be cleaned from the text. Do not leave empty – if you do not want to prohibit anything enter dummy text e.g.cms

    The default text is script,applet,iframe. Delete ,iframe so that the setting now reads script,applet

    Click Save in the top left menu.

    You should now be able to use the HTML editor within the TinyMCE WYSIWYG editor without worrying about your iframe code being stripped out.

Share this Article