martes, 14 de agosto de 2012

Editores para Drupal 7 WYSIWYGS CKEditor y TiniMCE

Cuando creamos un contenido en drupal, este no trae un editor grafico de contenido asi que debemos agregar todo en modo de etiquetas html.
Los usuarios que introducen el contenido a los portales muchas veces no tienen mayor conocimiento de etiquetas html asi que lo mejor sera instalar un modulo que les permita crear contenido html de forma grafica.
Tambien existe la necesidad de subir archivos como imagenes o videos y esto tambien lo vamos a resolver con los siguientes modulos y librerias

Modulos:
Wysiwyg
IMCE

El modulo IMCE necesita un puente con Wysiwigs asi que se instala este plugin para IMCE
IMCE Wysiwyg bridge

El Wysiwyg solo nos provee como la base para que los editores funciones tenemos dos editores mas usados
Nombre: TinyMCE
Site: http://www.tinymce.com/

Nombre: CKEditor
Site: http://ckeditor.com/

En el sitio web de CKEditor nos ofrece en forma de modulo para Drupal y Joomla pero para este ejemplo usaremos el general
"Fully functional, open source editor, with source code included
CKEditor 3.6.4"

Para el TinyMCE descargue el
TinyMCE 3.5.6 Contains all you need for production usage.
Y la traduccion al Español o Castellano.

Una vez tenemos nuestros modulos y librerias descomprimidos yo preparo en mi maquina local los directorios a subir.
Descomprimido el puente entre wysiwyg e IMCE en este ejemplo con el nombres imce_wysiwyg
Copiamos ese directorio dentro de wysiwyg\plugins\

Descomprimimos tambien la traduccion del TinyMCE y dentro nos quedan 3 directorios
  • langs
  • plugins
  • themes
esos los vamos a conbinar con los que ya existen en el directorio
tinymce\jscripts\tiny_mce

combinar significa copiar lo que estan dentro de langs al directorio langs y asi con cada directorio.

Ahora si estan listos nuestros dos mudulos
wysiwyg e IMCE 
y los subimos a donde tenemos el Drupal al directorio
/sites/all/modules

Luego dentro de /sites/all/   creamos un directorio con el nombre libraries
y dentro copiamos del
  • CKEditor 
  • TinyMCE




Despues de esto solo queda ir a Drupal a activar los modulos.


Finalmente vamos a configurar nuestros filtros de contenido para agregar los botones que necesitamos.


Les dejo un video donde se muestra todo lo anterior de una forma muy detallada


Instalacion en Drupal 7 de los editores TinyMCE y CKEditor. from fran fran on Vimeo.

4 comentarios:

  1. Muchas gracias por la info, me ha venido muy bien!
    Thanks

    ResponderEliminar
  2. Muy útil, la verdad es que andaba buscando como instalar este lio, porque el CKeditor no funciona, pero siguiendo sus instrucciones he instalado el IMCE y va de maravilla.

    Gracias!

    ResponderEliminar
  3. Muchas gracias, muy bien explicado.

    ResponderEliminar
  4. Hola, no aparece la opción de editar wysiwyg en "Autoria de Contenido".

    ResponderEliminar