Módulo Tinymce para Pligg con nuevo código de Youtube

Jesús Cáceres
Modificado por última vez en Domingo, 11 Agosto 2013 01:16
(0 votos)

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.


Artículos relacionados (por etiqueta)

Lo último de Jesús Cáceres

arrow_back Iconos PNG en once tamaños, desde 16px a 4096px Crea tus propias lindas criaturas en CSS a través de Twitter arrow_forward

Comentarios (9)

Más antiguo primero
Más nuevo primero
Most Likes
  2. #208
This comment was minimized by the moderator on the site

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

Comentario editado por última vez entre hace cerca de 4 años y Super User Super User
  1. Compartir
  2. 0
  2. #147
This comment was minimized by the moderator on the site

Thanks for all this helpful tutorial. Youtube_pligg doesn't in latest pligg version. We will be really happy if you can provide a tutorial on how to embed youtube videos automatically in stories from youtube URLS. Thanks.

  1. Compartir
  2. 0
  2. #115
This comment was minimized by the moderator on the site

Hola Pedro
No he usado TinyMce para los comentarios, s?lo para el submit. Este tutorial se refiere a esto.

  1. Compartir
  2. 0
  2. #106
This comment was minimized by the moderator on the site

Hola,
Yo a menudo he usado Pligg para mi site pero siempre caigo en el mismo problema: no recuerdo las lóneas que tengo que tocar en comment.php y utils.php para que imprima los famosos tags que permiten usar por completo Tinymce. Porque si no...

Hola,
Yo a menudo he usado Pligg para mi site pero siempre caigo en el mismo problema: no recuerdo las lóneas que tengo que tocar en comment.php y utils.php para que imprima los famosos tags que permiten usar por completo Tinymce. Porque si no consigues cambiar esto, Tinymce es un editor simple sin mús posibilidades. En Administración puedes permitir todos los tags que quieras pero te saldrón en submit no en comentarios.
Gracias.

Leer más
  1. Compartir
  2. 0
  2. #90
This comment was minimized by the moderator on the site

Muchas gracias Jesus, pero nada no hay nada que hacer, quizas algun plugin que tenga instalado me este dando conflictos.

No obstante seguire investigando y junto a tus consejos ya te dire algo, si logro que funcione.

Saludos y que pases una...

Muchas gracias Jesus, pero nada no hay nada que hacer, quizas algun plugin que tenga instalado me este dando conflictos.

No obstante seguire investigando y junto a tus consejos ya te dire algo, si logro que funcione.

Saludos y que pases una feliz semana !!

Leer más
  1. Compartir
  2. 0
  2. #88
This comment was minimized by the moderator on the site

Hola Jesus, muchas gracias antes de nada por tu trabajo y atención. Tal y como me has sugerido he vueslto a subir el modulo y si, ahora aparece, pero cuando pincho en el icono para importar video de youtube o imagen, la caja sale vacia y no me da...

Hola Jesus, muchas gracias antes de nada por tu trabajo y atención. Tal y como me has sugerido he vueslto a subir el modulo y si, ahora aparece, pero cuando pincho en el icono para importar video de youtube o imagen, la caja sale vacia y no me da opción a importar nada.

Obviamente he insertado <iframe> y <img> en HTML tags to allow to Normal users, HTML tags to allow to Admin users, HTML tags to allow to God.

Saludos y que pases un buen dia !! Ah y enhorabuena por la página !!!

Leer más
  1. Compartir
  2. 0
  2. #89
This comment was minimized by the moderator on the site

Hola de nuevo freskury,
En alguna ocasión el plugin de YouTube me ha dado problemas de icompatibilidad. Prueba a dejar el archivo /modules/tinymce/templates/tinymce.tpl de esta manera:

plugins :...

Hola de nuevo freskury,
En alguna ocasión el plugin de YouTube me ha dado problemas de icompatibilidad. Prueba a dejar el archivo /modules/tinymce/templates/tinymce.tpl de esta manera:

plugins : advimage,advlink,emotions,iespell,insertdatetime,preview,media,visualchars,xhtmlxtras,
theme_advanced_buttons1 : bold,italic,underline,|,sub,sup,|,justifyleft,justifycenter,justifyright,justifyfull,|,forecolor,backcolor,|,bullist,numlist,|,insertdate,inserttime,|,hr,removeformat,|,code,preview,
theme_advanced_buttons2 : formatselect,fontselect,fontsizeselect,|,link,unlink,anchor,image,media,emotions,|,undo,redo,cleanup,

He quitado el plugin de YouTube, pero de igual modo podrás subir vídeos con el icono media. Ya me dirás...

Leer más
  1. Compartir
  2. 0
  2. #86
This comment was minimized by the moderator on the site

Hola freskury, he vuelto a comprimir la carpeta de TinyMce que yo uso y funciona bien y subirla de nuevo en .zip, prueba de nuevo a instalarlo. Un saludo

  Madrid, Spain...
  1. Compartir
  2. 0
  2. #83
This comment was minimized by the moderator on the site

hola yo he probado este y no me va, se me queda la caja de texto si poder hacer nada. Lastima pq tiene muy buena pinta

  1. Compartir
  2. 0
No hay comentarios escritos aquí

Deja tus comentarios

  1. Publicar comentario como invitado. Regístrate o ingresaa tu cuenta
Background
Archivos adjuntos (0 / 3)
Compartir su ubicación