Editor Tinymce

La última versión de Tinymce genera automáticamente el código moderno de Youtube <iframe>

Muy pocas páginas desarrolladas con el gestor de contenidos Pligg (Menéame) ofrecen a sus usuarios la posibilidad de personalizar sus entradas a través de un editor de texto WYSIWYG - What You See Is What You Get (en español, "lo que ves es lo que obtienes") -, casi todas son agregadores de contenidos de noticias externas, la mayor parte subidas de las propias páginas web o blogs de esos usuarios.

Háblame del Mar utiliza para publicar las entradas todas las posibilidades habituales de Pligg: subir una imagen, título, categoría, grupo, tags, contenido de la entrada y un resumen de la noticia para la portada.

Además de ello, para la redacción de las historias o entradas, he implementado que los usuarios puedan personalizar ampliamente el texto (negritas, cursiva, subrayado, subíndice, superíndice, alinear (izda., dcha., centro), color y fondo de las fuentes, listas, clase de la hoja de estilo ( <h1>, <h2>, <h3>, párrafo, etc.), así como añadir más imágenes y multimedia embebido, incluido Youtube. No podían faltar tampoco los emoticones.

Tinymce en Háblame del Mar

Esto se consigue con un módulo para Pligg del conocido editor WYSIWYG Tinymce , que he modificado y personalizado bastante para adaptarlo a la página de Háblame del Mar. El módulo Tinymce para Pligg trabaja con la última versión (Tinymce 3.5.8 con jquery) está adaptado al español y lo podéis descargar desde aquí para incluirlo en vuestros CMS Pligg.

El archivo está en formato .zip, deberéis descomprimirlo, subirlo a vuestra carpeta de módulos de pligg de vuestro servidor y habilitarlo desde el panel de administración de Pligg.

Youtube y Tinymce

La última versión de Tinymce ya genera automáticamente el código moderno de Youtube <iframe>, por lo que no hacen falta uno de los numerosos plugins que existen de los que he probado algunos y en Pligg no me han funcionado. Además con una serie de opciones personalizadas para varios tipos de multimedia:

Tinymce media flash iframe

Sólo tendremos que pegar la ULR del vídeo de Youtube para que automáticamente sea insertado en la entrada.

Una de las nuevas opciones es que la aplicación también muestra el código fuente que va a generarse por si lo quereís embeber en otro lugar:

Tinymce media coódigo fuente de Youtube

OJO! No se debe olvidar en la administración de Pligg dar permiso al código <iframe> para que se valide. Esto se hace en Configuración --> Enviar (submit) :

HTML tags to allow to Normal users - añadir en la caja para usuarios normales: <iframe>
HTML tags to allow to Admin users - añadir en la caja para administradores: <iframe>
HTML tags to allow to God - añadir en la caja para superadministradores: <iframe>

La página publicada quedaría así:

Tinymce - Youtube en Háblame del mar


Pincha en el siguiente enlace para descargar sólo el plugin youtube de TinyMce

Como veis no centra el vídeo a pesar de que he aplicado la opción de centrar texto, tendré que mirar el código antiguo y hacer las modificaciones pertinentes en el CSS, que actualizaré en el archivo .zip del módulo de Tinymce.

Si alguien lo prueba agradecería que dejase su experiencia en los comentarios.


Recibe gratis nuevos artículos por email:
Inicia sesión para suscribirte en Youtube