MenttesLabs

Autor: Sam Knox Contribuyentes: jonstahl, kteague
Versión original: plone.org
Traducción: Roberto Allende

Habitualmente, Plone no te permite pegar el código necesario para insertar videos, slides o reproductores de música de sitios populares como Flickr, YouTube o MySpace. En este documento vas a aprender como configurar el filtrado de HTML para permitir agregar este contenido.

Los pasos son diferentes según la version de Plone que se esté empleando. En caso que uses Plone 2.5 o Plone 3.0 busca la sección apropiada para tu version de Plone.

Nota importante sobre seguridad

Los cambios en la configuración de filtro tienen serias implicaciancias en la seguriad. Plone filtra ciertos tags HTML por una buena razon: pueden ser empleados en ataques de seguridad. En el caso que existan personas de no confiar con acceso a tu sitio Plone, tenes que ser cuidadoso porque podrian agregar Javascripts maliciosos para obtener privilegios de administrador.

Nota final: no uses estas técnicas al menos que estes seguro que las personas con acceso a tu portal son de confianza.

Plone 2.5

Primero, tenes que acceder al ZMI

Luego ir a portal_transforms -> safe_html

Ahora, verás que hay "nasty_tags" : applet, embed, object, y script.

Tenes que ver el código que estás intentando insertar para detectar los tags que necestias. Embed, object, y param son los mas comunes.

Hay dos columnas, tag y value. Para los tags que queres activar, borra ambos valores de la tabla nasty_tags.

Ahora, hay que permitir explicitamente el uso de esos tags. Debajo de "nasty_tags" hay una tabla con los tags válidos "valid_tags".

En las últimas filas de "valid_tags" hay celdas en blanco para agregar nuevos valores. En la celda de la izquierda hay que agregar el nombre del tag (Embed, object, o param por ejemplo) y en la derecha un 1 o un 0 solo si el tag no requiere ser cerrado como es el caso de BR.

Finalmente, hace click en Submit Query al final de la página.

Ahora, deberias poder pegar código HTML con los tags que necesias. Aquí hay un ejemplo que puede usarse de prueba:

<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>

Nota sobre Kupu: Si estas usando una versión de Kupu previa a la 1.4, tenés que hacer otro ajuste para usar el tag embed. Esto es porque técnicamente, embed no es un tag válido HTML, luego hay que modificar el objeto kupu/common/kupucontentfilters.js. Notar que esto puede necesitar la reinstalación de Kupu para que los efectos sean válidos. En caso que hagas esto, asegurate de hacer una copia de seguridad de Kupu primero.

El código para hacer esto está disponible en:
http://dev.plone.org/plone/attachment/ticket/5189/kupu_embed.diff

Plone 3.0

En Plone 3.0, todos estos cambios se hacen por medio de la Interfaz de Usuario de Plone.

Primero, ir a Configuración del Sitio > Visual Editor luego tenes que hacer click en Toolbar

• Activa el checkbox de la opción "Embed tab in External link drawer"
• Al final de la pantalla, hace click en el boton Guardar
  

Luego, tenés que ir a Configuración del Sitio > Filtrado HTML

• Remove "Object" y "Embed" de la lista de Etiquetas no deseadas "Nasty Tags"
  
• Remove "Object" y "Param" de la lista de Etiquetas eliminadas "Stripped Tags"
  
• Agregá "Embed" a la lista de Etiquetas personalizadas "Custom Tags"
  
• Al final de la pantalla, hace click en el boton Guardar

Hechos estos cambios, deberias poder usar el boton de Enlace Externo y luego clickear en la pestaña "Embed External Object", que ahora está visible. Este cuadro te permitirá agregar trozos de código fuente de YouTube, Flickr y otros servicios.