Join Jen Kramer for an in-depth discussion in this video Modifying permitted tags in JCE and posting a video, part of Joomla! 3.3 Essentials: Modules, Components, Extensions, and Templates.
- So, I switched my editor from TinyMCE to JCE and things were working great until I tried to edit this page the Other Locations and Neighborhoods page and when I did that JCE is configured by default not to allow iframes in their HTML. So, when I resaved my changed to this particular article as I added a PDF it very helpfully stripped out the video that I had here already.
So, what I'd like to do now is I'd like to take JCE, make is accept iframes, once again, and then drop my Youtube video back into this particular article. So, here's what I'm going to do. Here in the back end of Joomla there is under Components, there is an option here for the JCE editor and this is where you can find all of JCE's settings. So, unlike TinyMCE which had it in the plug ins area JCE actually has a component here in the back end that will allow you to change your JCE settings.
So, I'm gonna go to the Control panel and I'm going to go to the Editor Profiles. Now, the editor profiles are very powerful in JCE. If you have more than one person editing your website you can configure individual profiles for these people and associate them with their user logins. This is all fairly advanced and you can read more about it on the JCE website. Joomlacontenteditor.net if you take a look at their documentation. By default, the only profile that's in use here is the Default profile so go ahead and click on Default and from here you can change all kinds of things in relation to this specific profile.
You can make certain buttons appear or disappear within the editor. You can decide what is visible to users and what is not. But under Plugin Parameters is where you want to go. And if you scroll on down here to the Media Support option over here on the left side of the screen and then scroll all the way back on up here this is going to allow you to plug in certain elements on your page. HTML 5 audio and video are permitted.
Objects and embed code is permitted which means the old version of the Youtube embed code is permitted but iframes are not. So, go ahead and set iframes to yes and then say Save and Close. So, that should now allow JCE to be happy with iframes. So, now I can go ahead back to my content article manager and I have this filtered by the word Other here that I did a search for to pull up just the other locations and neighborhoods article.
And if you go ahead and open that up then decide where you want your Youtube video to go, which I'm gonna put mine right here in the chunk of text about San Francisco again. And I have my Youtube video over here in another tab. So, what I'm going to do now is go down here to Share, Embed, and I'll copy the embed code that it gives me here with iframe. Unfortunately, JCE in its free version does not have a very simple interface for you to drop a Youtube video right on into your page here.
JCE has a paid media manager that you can download and install and it will allow you easily drop in Youtube videos into your page but I'm not looking at the paid version right now. So, I'm gonna toggle my code here and down here after San Francisco and before the HR horizontal rule here about Paris you'll find these two little paragraph tags here. That's where I'm going to drop my iframe code.
And then go ahead and say Save and Close. And now, when you come back to the front end of the website and you hit refresh you should have your video back again for San Francisco as well are your PDF here for Paris and all of the other bits of information here on this page. So, just be aware of that. If you do happen to change editors along the way while working in Joomla, you may need to reconfigure things. So, what I would recommend for you is when you start working with Joomla you might want to install JCE right from the beginning along with a (mumbling) back up and then you've got a great back up system and you have a great editor for working here with Joomla.
- Configuring modules
- Creating a custom HTML module
- Displaying testimonials and random images with modules
- Using contact form components
- Enhancing Joomla! with extensions
- Changing the look of your site with templates
- Adjusting template masters with the HTML and CSS editors