Curso online de Joomla: instala el editor JCE

27 07 2008

Joomla incorpora preinstalado un editor básico para que puedas crear y editar los contenidos que desees: es el llamado editor TinyMCE, un sencillo editor WYSIWIG que te permitirá formatear el texto como si estuvieses trabajando con un procesador de textos (de hecho, en muchos ocasiones, no notarás la diferencia, al utilizar un sistema de iconos muy similares a los que habitualmente utilizas en Ms. Word o en OooWriter (su alternativa libre integrada en OpenOffice.org).

Editor TinyMCE

Editor predeterminado TinyMCE en una instalación básica de Joomla

Probablemente será suficiente para tí utilizar el editor TinyMCE, sobre todo, a la hora de realizar las tareas más habituales que realizarás con textos: cambiar el formato de fuente, su tamaño, alinearlo, etc., pero… notarás sus carencias cuando utilices imágenes en tus artículos. Este editor no posee un buen gestor de imágenes que te permita no sólo incluirlas en tus artículos, sino también subirlas cómodamente al servidor, redimensionarlas, ajustar su tamaño y posición, añadir y configurar enlaces, etc. Para ello, no te quedará más remedio que utilizar el Administrador de imágenes que incluye Joomla en su instalación básica (lo hallarás en Inicio - Panel de Control) y preparar previamente la imagen con un programa de edición (como Gimp, por ejemplo) antes de subirla al servidor. Esto es muy incómodo, hasta complicado si no sabes manejar un programa de edición de imagen y, sobre todo, una pérdida de tiempo considerable.

Lo ideal es disponer de un editor que te permita realizar todas estas tareas directamente desde la propia edición en línea del artículo, es decir, utilizando las posibilidades que el propio editor incorpora. Por ello, te recomendamos que dediques unos minutos a instalar en Joomla un editor que incorpore estas funcionalidades.

Si acudes a la página oficial de extensiones para Joomla:

http://extensions.joomla.org/

y seleccionas en el menú Extension Categories, la categoría Edition y, a continuación, el enlace Editors, accederás a una amplia lista de posibles editores para instalar en tu Joomla (a fecha de este artículo, nada más y nada menos que 14 editores, algunos de ellos incluso comerciales, de pago).

Con este artículo aprenderás a instalar uno de ellos (repite el procedimiento con el que desees). El que te recomendamos es el mejor, sin duda, por su popularidad, por su amplio desarrollo y por ser uno de los más completos. Nos referimos al editor JCE, un editor WYSIWIG como el anterior pero que sí incorpora un excelente gestor de imágenes. Al ser una extensión muy completa, su instalación puede resultarte algo complicada, pero si sigues nuestras indicaciones no te resultará nada difícil. Ten en cuenta que el desarrollo del editor JCE está muy avanzado y muchos desarrolladores trabajan con él: esto trae consigo que existan muchas funcionalidades creadas para él como plugins específicos o packs de lenguaje diversos (entre ellos el español). Nosotros realizaremos una instalación básica: necesitarás descargar e instalar el plugin del editor, pero también un componente de administración ( paso imprescindible) y un archivo de idioma español, por si eso del inglés no es lo tuyo. ¿Te pones manos a la obra?

Paso 1. Localiza los archivos necesarios

En primer lugar, debes dirigirte a la página oficial del proyecto:

http://www.joomlacontenteditor.net/

Para descargar los archivos necesarios tendrás que registrarte: hazlo en la pestaña Login/Register. No te preocupes: el registro es completamente gratuito. Una vez finalizado el registro acude a la pestaña Downloads para acceder al gestor de descargas. Tanto si utilizas Joomla 1.0.1x como Joomla 1.5 el procedimiento de descarga es el mismo: selecciona la versión exacta de Joomla que tienes instalado y guarda en tu equipo los archivos referentes al plugin, al componente de administración y al pack de idioma español.

Para Joomla versión 1.0.x

  • Localiza el enlace JCE Editor Mambot/Plugin y haz clic sobre él. Selecciona la versión 1.0.1x y haz clic de nuevo sobre este enlace. Ahora busca en la siguiente pantalla el enlace JCE Editor Mambot 1.18 y guarda el archivo bot_jce_118.zip en una carpeta de tu ordenador.
  • Haz clic sobre el icono Downloads Home para volver al gestor de descargas. Localiza el enlace JCE Admin Component y haz, de nuevo, clic sobre él. Selecciona la versión 1.1.x haciendo clic sobre su entrada y busca en la siguiente pantalla la entrada JCE Admin Component 1.1.1. Haz clic en ella y guarda el archivo com_jce_111.zip en tu equipo.
  • Por último, vuelve de nuevo a la pantalla inicial de descargas y haz clic sobre JCE Language packs. Selecciona la entrada Language Packs for Joomla 1.1.x y guarda en tu equipo el archivo del idioma español (spanish language).

Ahora tienes tres archivos comprimidos zip convenientemente guardados en tu ordenador: no necesitarás descomprimirlos, Joomla se encargará de todo cuando comiences el proceso de instalación del nuevo editor.

Para Joomla versión 1.5

El proceso es exactamente el mismo, pero localizando en cada una de las entradas la versión Joomla 1.5.x.  De momento, no existe versión de idioma español, por lo cual sólo tendrás que localizar y descargar dos archivos: el archivo correspondiente al plugin y el archivo que se refiere al componente de Administración.

Al finalizar el proceso tendrás dos archivos comprimidos zip en tu equipo: plg_jce_150_rc1.zip (el plugin) y com_jce_150_rc4.zip (el componente de administración). No debes descomprimirlos, Joomla se encargará de todo a la hora de instalarlos.

Paso 2. Instala el editor

Llega el momento de realizar la instalación del nuevo editor. Lógicamente tendrás que loguearte en Joomla como Administrador (en la pantalla de acceso, teclea los datos del usuario admin) para realizar la instalación de extensiones en el sistema.

Instala el editor JCE en Joomla versión 1.0.1x

El orden que has seguido para descargar los archivos necesarios, es también el orden que debes seguir para instalar el nuevo editor. En primer lugar, instala el plugin y, a continuación, el componente de Administración. Observa cómo:

Instalar el plugin JCE.

  • Para instalar plugins o mambots en Joomla 1.0.1x tienes que acudir al menú Instaladores y seleccionar la entrada mambots.

instalar plugins

  • En la nueva pantalla haz clic sobre el botón Examinar para localizar el archivo del plugin descargado en el paso 1 (es el archivo bot_jce_118.zip) y guardado en tu equipo. Cuando su ruta de acceso aparezca en el campo de texto Paquete de archivo, haz clic en el botón Subir archivo e instalarlo.

instalar plugins

  • En breves segundos, el sistema te indicará que el plugin se ha instalado satisfactoriamente. Localiza al final de la página el enlace Continuar… para volver a la pantalla inicial de instalación.

Ahora toca instalar el componente de Administración de JCE.

  • Para instalar componentes en Joomla 1.0.1x tienes que acudir al menú Instaladores y seleccionar la entrada Componentes.

instalar componentes

  • El procedimiento es exactamente igual al anterior. Mediante el botón Examinar localiza el archivo descargado en el paso 1, es el archivo com_jce_111.zip e instálalo mediante el botón Subir archivo e instalarlo.
  • De nuevo espera unos segundos y el componente se habrá instalado sin problemas. Sal de la pantalla de instalación haciendo clic en el enlace Continuar… que localizarás en la parte inferior de la página.

Instala el editor JCE en Joomla versión 1.5

Como ya te hemos comentado en un artículo anterior, Joomla 1.5 ha simplificado mucho el proceso de instalación de extensiones pues ahora todo se hace desde un único punto: el menú Extensiones - Instalar / Desinstalar.

Joomla 1.5: gestor de extensiones

Por lo demás, el proceso es exactamente igual que el referido para las versiones 1.0.1x: instala primero el plugin y después el componente de administración, mediante idénticos procedimientos.

Paso 3. Configura el editor

En primer lugar, debes asegurarte que el plugin que acabas de instalar está habilitado. Quizá no sea el caso de este editor, pero este es un error muy frecuente a la hora de trabajar en Joomla: instalas algo y no puedes utilizarlo, y no sabes el porqué, simplemente el motivo es que puede no estar habilitado. Es muy recomendable que cuando realices cualquier instalación acudas al gestor correspondiente para comprobar si se encuentra o no publicado. Si tu versión de Joomla es 1.0.1x tendrás que acudir al menú Mambots - Administrador de mambots y comprobar que en el listado correspondiente la entrada JCE Editor Mambot se encuentra publicada (en la columna que corresponde a su derecha habrá un icono en verde). Si tu versión de Joomla es 1.5 acude al menú Extensiones - Gestor de plugins para comprobar que Editor - JCE 1.5.0 también lo está (icono de validación en verde).

La administración del editor se realiza desde su entrada en el menú Componentes (en ambas versiones de Joomla). En el caso de la versión 1.0.1x tendrás que utilizar la entrada JCE Languages para instalar el pack de idioma español. No es nada difícil hacerlo: en la pantalla JCE Language Manager haz clic sobre el botón Install y repite el procedimiento ya conocido para instalar el archivo: examina tu equipo y súbelo e instálalo. El lenguaje español aparecerá en el nuevo listado, haz clic en su botón de validación y, seguidamente, pulsa sobre el botón Publicar.

Joomla 1.0: editor JCE, instalar lenguaje español

Paso 4. Asigna el nuevo editor a los usuarios de Joomla

La instalación del editor ha finalizado pero, de manera predeterminada en la instalación, los usuarios del sistema utilizarán el editor preinstalado en Joomla, es decir, TinyMCE. Tendrás que indicar manualmente qué usuario utilizará el nuevo editor instalado y, en concreto, tú mismo como administrador del sistema.

Utilices la versión de Joomla que utilices el proceso es similar. Acude al Administrador de Usuarios (en Joomla 1.0.1x mediante el Panel de Control y en Joomla 1.5 a través del menú Sitio - Gestor de usuarios). Si acabas de realizar una instalación básica lógicamente sólo habrá un usuario en el sistema, el usuario Administrador. Haz clic sobre su nombre para acceder a la configuración del usuario y localiza el apartado Parámetros para especificar el editor que utilizará, a partir de ahora, el usuario. De la lista selecciona el editor JCE y haz clic finalmente sobre el botón Guardar.

Editor JCE para el usuario Administrador

Selección del editor para el usuario Administrador en Joonla 1.0

Editor JCE para el usuario Administrador

Selección del editor para el usuario Administrador en Joomla 1.5

Comprueba ahora que el nuevo editor se encuentra ya disponible. Por ejemplo, escribe un nuevo artículo y fíjate que ahora el editor JCE se muestra en la pantalla. Prueba con alguno de sus iconos y experimenta un  poco. En un futuro artículo te indicaremos cómo utilizar el gestor de imágenes que lleva incorporado.

Editor JCE