Curso Drupal 7 (XIV): Wysiwyg- CKEditor- IMCE-Lightbox

Introducción

Una de las cuestiones principales a la hora de gestionar un sitio web es la posibilidad de gestionar las imágenes o gráficas que queremos incluir dentro de nuestros contenidos. Para ello debemos realizar una serie de configuraciones para que esto sea posible.

Módulos necesarios

IMCE: http://drupal.org/project/imce
IMCE Wysiwyg Bridge: http://drupal.org/project/imce_wysiwyg
IMCE for FileField: http://drupal.org/project/imce_filefield
IMCE mkdir: http://drupal.org/project/imce_mkdir
Image Resize Filter: http://drupal.org/project/image_resize_filter
Lightbox: http://drupal.org/project/lightbox2

Deberemos instalar y activar todos estos módulos para empezar con la configuración.

Pasos de la configuración

En la ruta admin/config/content/formats podremos configurar para cada Formato de Texto del editor:

El uso de Image Resize Filter
Y el de LightBox filter, inicialmente sólo ese

Cuando se activa el filtro de Image Resize aparece en la parte inferior una nueva pestaña en el formulario de edición con el mismo nombre del filtro, marca el “If resized, add a link to the original image” hay que poner el el rel sea lightbox

Después hay que guardar los cambios.

En la ruta admin/config/media/imce/profile/edit/1 podremos configurar el IMCE para el usuario

Siempre podremos crear otros perfiles para asignar a usuarios.

Dentro de la configuración de Lightbox admin/config/user-interface/lightbox2 permite configurar los títulos como “caption” de las imágenes.

Configuración del WYSIWYG

Deberemos habilitar el botón IMCE en los perfiles de edición del Formato de Texto siempre que queramos que se quiera colocar la inclusión de medios de IMCE con el Editor WYSIWYG.

Inclusión de Medios

A partir de ese momento en el editor CKEditor debería aparecer un nuevo botón que debería permitir la inclusión de distintas imágenes y medios, así como configurar la vista de las imágenes.

Referencias

http://drupal.cocomore.com/blog/configuring-and-adding-images-drupal-7-content-wysiwyg-imce-and-lightbox
http://abretutiendaonline.com/blog/instalando-ckeditor-imce-drupal-7#.UJfkNGfF29s

Este obra está bajo una licencia Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 España.

Relacionado

Comments

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.