YouTube and Flickr Hack for Plone 2.5 and 3.0

Plone 2.5

First, you must access the ZMI

Then go to portal_transforms -> safe_html

Now, notice the so-called "nasty_tags" : applet, embed, object, and script.

You must look at the code you are trying to use and determine which of these tags are in that code. Embed, object, and param are probably the most common.

There are two columns, tag and value. For the tags you want to allow, erase both the tag name and value.

Now, you must also explicitly allow those tags. Scroll a bit further down and notice the large list of "valid_tags".

At the very bottom should be a few empty cells for you to enter new valid_tags. Put the tag in the left column cell, and a 1 in the right column cell (use a zero if the tag in question does not use a closing tag, such as a br tag).

Now click Submit Query down at the end of the page.

 
You should now be able to paste in the HTML you need. Here an example of some embedding code from YouTube

<object width="425" height="350">
<param name="movie" value="http://www.youtube.com/v/ydLiasdJeoo">
</param>
<param name="wmode" value="transparent">
</param>
<embed src="http://www.youtube.com/v/ydLiasdJeoo" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350">
</embed>
</object>

Note about Kupu versions: If you are using a version of Kupu prior to 1.4, you must make another configuration adjustment to allow for the use of the embed tag. Since embed is technically not a valid HTML tag, you must alter the
kupu/common/kupucontentfilters.js object. Note that you may need to reinstall Kupu for the patch to take effect. Be sure you have a backup of your Kupu configuration before doing this.

Instructions for doing so are here:
http://dev.plone.org/plone/attachment/ticket/5189/kupu_embed.diff

Plone 3.0

In Plone 3.0, all of these settings have been moved into the Plone UI.

First, go to Site Setup>Visual Editor then click on the Toolbar tab.

• Enable the checkbox next to "Embed tab in External link drawer"
• Scroll down to the bottom of the screen and click "Save"

Then, go to Site Setup > HTML Filtering

• Remove "Object" and "Embed" from the "Nasty Tags" list
• Remove "Object" and "Param" from the "Stripped Tags" list
• Add "Embed" to the "Custom Tags" list
• Scroll down to the bottom of the screen and click "Save"

With these changes made, you should be able to click the External Link button, and click on the now-visible "Embed External Object" tab.  This will let you paste in a chunk of embedding code from YouTube, Flickr or other services.