Using iframes in Joomla 3
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. Therefor, you need to update your editor's settings and allow iframes.
To use an iframe in Joomla 3.0:
- Log into your Joomla 3.0 administrative dashboard
- In the top menu, click Extensions and then click Plug-in Manager
- In the left menu under Filter, click Select Type and then click editors. In the list of results, click Editor - TinyMCE.
- At the top of the page, click the Basic Options tab
- Scroll down until you find the Prohibited Elements setting:
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.
We value your feedback!
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.
2014-02-28 4:35 pm
I followed the step by step on Joomla 3.2
Still doesn't work. the only thing from the <iframe> code that shows up is the text and not the image
2014-02-28 5:32 pm
Thank you for your question. I tested this out on a clean install of Joomla 3.2, and it works; but the steps are a little different:
If you have any further questions, feel free to post them below.
2014-02-28 6:50 pm
Thank you so much for your reply.
I did that aswell, still can't see the box.... I am thinking maybe it has something to do with the div code as well.
here is a example of the code I am trying to put in my blog.
<iframe src="https://social.popsugar.com/shopsense/slider?w=550&h=230&r=1&ids=441715238%2C435968886%2C300846758&color=2693a5af5db3f2ff4d3c06aab75377a5%2C2d08aa5bfc67db1fc24294e3940841b9%2C8476cf82adbf4f9655e973a0af5072f5&pid=uid8601-24265699-3" seamless="seamless" style="margin:0 auto;background: #fff" frameborder="0" height="230" scrolling="no" width="550"></iframe><div id="details" style="margin: 10px auto 20px; padding: 10px; width: 570px; line-height: 16px;"><a target="_blank" style="color:#999;text-decoration:none;font-size:11px;" title="Contrarian Evening Dresses" href="http://www.shopstyle.com/browse/evening-dresses/Contrarian"> Contrarian Evening Dresses</a> · <a target="_blank" style="color:#999;text-decoration:none;font-size:11px;" title="Blaque Label Cocktail Dresses" href="http://www.shopstyle.com/browse/cocktail-dresses/Blaque-Label"> Blaque Label Cocktail Dresses</a> · <a target="_blank" style="color:#999;text-decoration:none;font-size:11px;" title="McQ by Alexander McQueen Longsleeve Tops" href="http://www.shopstyle.com/browse/longsleeve-tops/McQ-by-Alexander-McQueen"> McQ by Alexander McQueen Longsleeve Tops</a></div>
Once pasted in he Toggle JCK or Anyother editors the only thing that shows up is the text.
2014-02-28 10:17 pm
I took a little bit of time I and tried breaking down the iFrame request. As far as I know, when I put the URLs that you're using in your iFrame statment, it works by itself (the URLs that you're using). I would suggest using your iFrame statement with a URL that goes to a graphic (e.g. http;//someplace.com/graphic_name.jpg), and see if that works. If it's working, then it's possible that the URLs you have provided simply do not work within the Joomla framework. If you continue to have problems with this issue, please contact our live technical support.
I hope this helps to provide some clarity. Let us know if you still require assistance.
2014-03-04 2:33 am
Thank you so much Arnel,
It seem to work! the only problem is that the products are not visiable in the backend, but once I save the blog and publish it they are visiable ont he frontend.
Thanks so much for all your help.
Post a Comment
Writing Articles in Joomla 3
|1.||How to write a new Article in Joomla 3.1|
|2.||How to feature an article on your Joomla 3.1 homepage|
|3.||How to change the URL alias of Joomla 3.1 articles|
|4.||How to create a new Article Category in Joomla 3.1|
|5.||How to Assign an Article to a Category in Joomla 3.1|
|7.||How to link to another article in Joomla 3.1|
|8.||How to use version control in Joomla 3|