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.