Inicio > Drupal > Instalar IMCE y CKeditor para Drupal

Instalar IMCE y CKeditor para Drupal

Instalar IMCE y CKeditor para Drupal, los pasos a seguir y el manual de todo lo necesario.

CKeditor

Para empezar a crear contenidos hagamos lo  siguiente:

  • Ir a la administracion de DRUPAL ingresando con el usuario administrador
  • Ir a la Opción Contenido > Agregar Contenido > Página básica
Aquí podemos observar que no existe ningún Editor de Contenidos esto quiere decir que no podemos dar formato al texto ni podemos insertar imagenes, videos ni nada por el estilo, por lo tanto, lo primero que vamos hacer es ….

Instalar y configurar CKEDITOR e IMCE.

En los siguientes gráficos se muestra el ANTES y el DESPUÉS del  Editor del Contenidos CKEDITOR

ANTES.- aquí podemos observar que cuando deseamos dar formato al texto no hay ningun Editor de contenidos que nos ayude a poner negrillas ni aumentar el tamaño de letra ni cambiar la fuente.

DESPUÉS.-  Aquí en cambio podemos darnos cuenta que tenemos una barra de herrmamientas con  muchos botones que nos van a servir para enriquecer nuestro contenido como lo deseemos.

Requerimientos


MÓDULOS

MÓDULOS RELACIONADOS (modulo opcional)

Libreria Ckeditor –>paquete necesario para el total funcionamiento de CKeditor


Instalando módulos


Se recomienda trabajar con dos PESTAÑAS al mismo tiempo y si es posible en el nevegador Mozilla Firefox

PESTAÑA 1 –> DESDE LA ADMINISTRACIÓN DRUPAL

  • Ingrese a Drupal con el usuario administrador
  • Ir a la Opción Módulos »  Instalar nuevo módulo

PESTAÑA 2 –> DESCARGAR MÓDULO CKeditor

  • Clic (BOTÓN SCROLL) en la url —> https://drupal.org/project/ckeditor «— O botón derecho > Abrir ventana en una pestaña nueva.
  • Ubicamos el enlace de la Versión 7 << tar.gz (197.01 KB) >> y con el BOTÓN DERECHO del mouse «Copiar dirección de Enlace»
PORCEDER tal como se puede ver en la siguiente imagen:

PESTAÑA 1 –> DESDE LA ADMINISTRACIÓN DRUPAL

  • Pegar la dirección de enlace en la caja de texto Instalar desde una URL CON CONTROL+V O BOTON DERECHO PEGAR
  • Clic en el botón Instalar,

INSTALANDO MAS MÓDULOS

  • Clic Install another module (Instalar otro módulo)
  • Repita este proceso con los módulos Modules-filter,imce.

Activar módulos


  • Ir a la Opción Módulos
  • Active primero el module_filter y guarde los cambios.
  • En la caja de texto Filter list escriba imce y active
  • Luego nuevamente en la caja de texto Filter list escriba ckeditor y active
  • Presionar botón Guardar Configuración

Desempaquetar CKEditor


Esto se lo puede hacer modo gráfico o modo consola:

  • Ir a sites/all/modules/ckeditor/ckeditor
  • Copiar y descomprimir aquí el archivo empaquetado de CKEditor, asegurese de copiar los archivos y carpetas que contiene el archivo desempaquetado.

Configuración de MóDULOS


Configuración de IMCE

  • Ir a la opción Configuración » IMCE
  • En Role-profile assignments vamos asignar roles:
  • El el rol Administrador seleccionar al frente User-1
  • El el rol usuario autenticado seleccionar al frente User-1
  • Guardar Configuración

Configuración de CKeditor

  • Ir a módulos y busque ckeditor y en enlace configuración
  • En Autoría del contenido –> Ir a CKEditor

En la sección Perfiles

  • En el enlace editar de Advanced Filtered HTML
  • En EDITOR APARENCE » Busque Opción Idioma y Seleccionar Spanish
  • En Mostrar FILE BROWSER SETTINS (Opciones del explorador de archivos)
  • En File browser type (Link dialog window) Seleccionar IMCE
  • En File browser type (Image dialog window) Seleccionar IMCE
  • En File browser type (Flash dialog window) Seleccionar IMCE

Comprobando funcionamiento

COMPROBANDO SI ACTIVO LA BARRA COMPLETA

  • Vamos a Agregar contenido» Página Básica
  • Aquí aparcera la «barra de herramientas» Idioma Español y «Explorador IMCE»,
  • Clic en el botón de imagen de la barra de herramientas, clic en “Ver Servidor”..
Activando CKEDITOR
Como usted podrá darse cuenta el CKeditor aún no aparece para ello vamos hacer lo siguiente:
  • SOLUCIÓN TEMPORAL
    • Ir a la parte inferior del Body ..Observamos que en formato de texto esta en “Filtered HTML
    • Seleccionar Full HTML
          
ACLARACIÖN.-  la configuración «POR DEFECTO» va a ser siempre Filtered HTML a menos que cambiemos a cada momento en Full HTML.o procedamos a…..
  • SOLUCIÓN PERMANENTE
    • Ir a Configuración – En Autoría del contenido, Clic en Formatos de texto
    • Clic sosteniso movemos la cruz con flechas de dirección  hacia arriba de tal modo que Full HTML quede en primer lugar, tal como se puede observar la siguiente imagen.
    • Clic en Guardar cambios

Comprobando si el Formato de texto Full HTML apareció por defecto

  • Clic en Agregar Contenido > clic en página básica o artículo
  • Ir hasta la parte inferior del Body y ver si esta Full HTML
  • Listo!

RESUMEN


PROCESO GENERAL DE LOS MÓDULOS


  1. Descargar módulo .- Descargar del sitio oficial https://drupal.org/download o busque en google módulo ckeditor para drupal
  2. Instalar módulo .- Opción Módulos » Instalar nuevo módulo » Copiar Ruta de enlace » Instalar.
  3. Activar módulo .- Opción Módulos » Buscar modulo y activar módulo requerido » guardar configuración.
  4. Configurar módulo .- Opción Módulos » ubicar módulo » configuración. No siempre será necesario configurar el móduo ya que sólo activandolo funcionará.

Fuente: Revivir

Anuncios
Etiquetas: , ,
  1. Aún no hay comentarios.
  1. No trackbacks yet.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: