Formación GNU/Linux

Instala un nuevo editor de textos avanzado en Joomla: el editor JCE

Valoración del Usuario:  / 0

Detalles

Categoría: Curso online Joomla 1.5

Creado en Viernes, 24 Diciembre 2010 15:36

Última actualización en Martes, 18 Junio 2013 14:40

Escrito por Edita Sueiras

Visitas: 32676

Joomla incorpora preinstalado en su instalación básica un editor de textos muy simple, pero como has visto hasta ahora, suficiente, para que puedas crear y editar los contenidos que desees: es el llamado editor TinyMCE, un sencillo editor WYSIWIG que te permitirá editar el texto como si estuvieses trabajando con un procesador de textos "normal" (de hecho, en muchas ocasiones, ni siquiera notarás la diferencia, ya que utiliza un sistema de iconos muy similar a los que habitualmente utiliza Microsoft Word u OpenOffice Writer, su alternativa libre integrada en la suite OpenOffice).

Probablemente sea suficiente para ti utilizar este editor, sobre todo, a la hora de realizar las tareas más habituales que realizarás con texto: escribir, cambiar el formato de fuente, su tamaño, alinearlo, etc. pero, si sigues nuestra recomendación e instalas el editor avanzado que te proponemos, notarás rápidamente las carencias que TinyMCE tiene: la gestión de tablas, la inserción de imágenes en tus artículos, el cambio de colores en la tipografía, etc.

Pero, además, si utilizas el editor de textos que te proponemos a continuación su utilización te resultará mucho más cómoda y útil: por ejemplo, permite integrar fácilmente todos los servicios Web 2.0 que en la actualidad puedes encontrar en la red. Para insertar un vídeo de YouTube, incluir un slideshow de PicasaWeb, añadir documentos de Issuu o Scribd, presentaciones multimedia de Slide, Slideshare, Photopeach, encuestas de PollDaddy y muchísimas posibilidades más, que te ofrecen un código para incluir en tu sitio, este editor funciona tan bien y tan eficazmente que, admitirá dicho código, en la práctica totalidad de los casos. Y todo ello sin necesidad de instalar ningún plugin ni ningún componente adicional. Sencillamente copiar y pegar código.

Y, por último, la gestión avanzada de las imágenes incluidas en tus artículos que puedes realizar con JCE te ofrece muchas ventajas para trabajar con ellas directamente desde la propia edición en línea del artículo: subir imágenes cómodamente al servidor, gestionarlas en carpetas y subcarpetas, redimensionarlas, ajustar su posición, añadir y configurar enlaces...

Por todo lo expuesto te recomendamos dediques unos minutos a instalar y configurar adecuadamente en Joomla un editor que incorpora todas estas funcionalidades y muchas más que iremos descubriendo a lo largo de la aplicación de nuestros tutoriales, el editor JCE.

Paso 1. Descarga el nuevo editor

Como siempre que vas a realizar una instalación de terceros en Joomla te recomendamos encarecidamente que acudas, en primer lugar, al sitio oficial de extensiones para Joomla, accedas a la información disponible en el sitio para dicha extensión y leas los comentarios de otros usuarios que lo han instalado y lo utilizan en sus páginas. Te sacará de muchos apuros y te brindará excelente información sobre las posibles ventajas e inconvenientes de su instalación.

Navega, pues, a la página oficial de extensiones para Joomla:

Extensions Joomla.org http://extensions.joomla.org

y utiliza el buscador para localizar toda la información disponible sobre este editor en el sitio.

El sitio te ofrece numerosos resultados. JCE es una extensión completísima para joomla que incluye además de un componentes, plugins y módulos y una gran variedad de pequeñas aplicaciones añadidas para aumentar su funcionalidad. El desarrollo de JCE está tan avanzado y son muchísimos los desarrolladores que trabajan con él, que el resultado es que existen muchas funcionalidades creadas para él como plugins específicos, packs de lenguaje diversos (entre ellos, por supuesto, el español) y nuevas utilidades, tantas que incluso encontrarás un apartado específico en Extensions Joomla expresamente dedicadas a ellas, la categoría JCE Extensions en la dirección URL

http://extensions.joomla.org/extensions/extension-specific/jce-extensions

En la página de resultado de la búsqueda JCE en Extensions Joomla.org haz clic en el nombre de la extensión para acceder a la página informativa específica que Extensions dedica a este editor:

La información que la página suministra es muy variada e interesante:

Es una extensión muy popular, bien valorada por los usuarios, bajo licencia GPL y gratuita. Lleva en desarrollo desde el año 2006, lo que nos indica la estabilidad y fortaleza del proyecto, y está específicamente programada para Joomla 1.5 (botón 1.5 native), la versión que tenemos instalada en nuestro servidor local. Si además visualizas las impresiones de los usuarios que lo están utilizando observarás que el grado de satisfacción por su uso es muy alto.

Justo debajo de la información la página ofrece un enlace al website específico de la extensión y los enlaces de descarga – Download (1) y de Documentation (2), muy útil para saber cómo instalarla, configurarla o utilizarla y acceso a los foros del sitio de la extensión (Support).

En cualquiera de los tres casos, Extensions Joomla.org nos redirigirá a la página oficial del proyecto. Si haces clic en el botón Download navegarás a la página oficial de descargas en el website oficial.

Descarga del editor y otras funcionalidades http://www.joomlacontenteditor.net/downloads

Página oficial del proyecto:

JCE Editor for Joomla http://www.joomlacontenteditor.net/

En la página de descargas del website oficial haz clic sobre el icono Editor

Y, a continuación, sobre el botón Download de la sección JCE Installation Package (contiene un único archivo zip que permitirá instalar a la vez el componente y el plugin JCE).

Guarda el archivo com_jce_1576_package.zip (el prefijo com te indica que estás descargando un componente) en tu equipo en cualquier carpeta para su utilización posterior. En nuestro caso, trabajamos con Firefox y utilizamos la carpeta Descargas de nuestra carpeta personal (en Ubuntu 10.04) para salvar en él el archivo zip correspondiente.

Por supuesto, ¡no debes descomprimirlo! Joomla realizará todos los procesos necesarios con el archivo zip cuando iniciemos el proceso de instalación.

Paso 2. Instala y configura el editor

Cualquier extensión, del tipo que sea, se instala siempre en Joomla 1.5 utilizando idénticos procedimientos a los que ya conoces para instalar plantillas o módulos externos. Esta versión de Joomla tiene tan simplificado el proceso que cualquier utilidad que desees instalar lo harás desde un punto centralizado, el menú Extensiones – Instalar / Desinstalar.

Utiliza la opción Subir paquete. Localiza, pulsando el botón Examinar, en tu ordenador el archivo que descargaste en el paso 1 y haz clic sobre el botón Subir archivo e instalar.

En breves segundos, un mensaje del sistema te indicará que JCE se ha instalado adecuadamente y el resumen de la instalación te informará que tanto el componente como el editor están correctamente instalados.

Es el momento de asegurarse de que el plugin, una de las extensiones de JCE que acabas de instalar, se encuentra habilitado en Joomla, o si no no podrás utilizando. Tal vez no es el caso de este editor, pero es un error muy frecuente a la hora de trabajar en Joomla que instales algo y luego no puedas utilizarlo, sin saber por qué; simplemente el motivo suele ser que no está habilitado en el sistema.

Por ello, es muy recomendable que, cuando realices cualquier instalación, acudas inmediatamente al Gestor correspondiente para comprobar si se encuentra o no publicado / habilitado.

Acude, por tanto, al menú Extensiones – Gestor de plugins para comprobar que el plugin Editor – JCE se encuentra en el listado y está habilitado (el icono de validación de la columna Publicado está en verde). Como ves ya lo está de manera predeterminada pero siempre es buena medida comprobar que, en efecto, es así.

La instalación de JCE habrá creado también una entrada en el menú Componentes (recuerda que el archivo zip utilizado era un pack que incluía un plugin y un componente). El menú disponible en él incluye varias entradas (en inglés). Si lo quieres en español, no hay problema, sólo tienes que instalar un archivo con un pack de idioma español, algo relativamente sencillo de hacer como verás más adelante.

Paso 3. Instala el plugin MediaBox

En la misma página de descargas de JCE puedes localizar el icono JCE MediaBox que te permitirá acceder a la descarga de este plugin para JCE cuya finalidad es mostrar contenido multimedia en una ventana popup con diversos temas de presentación. Repite los procedimientos que ya conoces para descargar primero el archivo zip:

Instala después el plugin en su tu sitio Joomla desde Extensiones – Instalar / Desinstalar y, una vez instalado, acude al Gestor de plugins para asegurarte de que se encuentra publicado (de forma predeterminada no lo estará).

Paso 4. Descarga e instala el archivo de idioma español

JCE se instala, de manera predeterminada, en inglés. Si deseas traducirlo al castellano debes primero descargar un paquete con los archivos necesarios para su traducción al español y después realizar la instalación desde el menú del componente JCE.

Veamos los procedimientos:

Navega de nuevo a la página oficial del proyecto JCE:

http://www.joomlacontenteditor.net

Despliega el menú principal Downloads y selecciona la entrada Languages.

En la nueva página localiza el paquete de archivo del idioma español. Haz clic en la entrada correspondiente JCE 1.5.7.6 + Mediabox 1.0.12 Spanish Language Pack.

En la nueva página descarga el zip correspondiente JCE_1.5.7.6_es-ES_lang.zip y guárdalo en tu equipo para iniciar el proceso de instalación:

Acude ahora al menú de administración de tu sitio Joomla, selecciona Componentes – JCE Administration – Install y utiliza el botón Examinar para localizar el archivo descargado y el botón Subir archivo & Instalar para instalarlo en el sistema:

Si ahora acudes al menú Componentes de la administración de tu sitio Joomla verás que la traducción se ha realizado perfectamente.

Paso 5. Configura tu usuario para usar el nuevo editor

Si ahora acudes al panel de control de la administración de Joomla y pulsas en el icono Añadir un nuevo artículo... ¡el nuevo editor no se mostrará en pantalla!

¿Acaso hemos realizado algún paso incorrectamente? Nada más lejos de la realidad. Sencillamente que debes indicar al sistema que quieres usarlo porque, en caso contrario, seguirás viendo el editor básico TinyMCE a la hora de añadir nuevos artículos para tu sitio, ya que de manera predeterminada en la instalación básica de Joomla, los usuarios del sistema usarán el editor preinstalado, es decir, TinyMCE. Acude al Panel de Control – Configuración global para comprobarlo:

De hecho resulta muy recomendable que esto siga siendo así por lo que debes indicarle manualmente al sistema Joomla qué usuarios utilizarán el nuevo editor avanzado y, en concreto, tú mismo, como super administrador del sistema, tampoco podrás usarlo hasta que así lo hagas.

Acude, de nuevo, al Panel de Control y haz clic sobre el icono Gestor de usuarios (o bien utiliza la opción del menú Sitio – Gestor de usuarios).

Accedes así al listado de usuarios registrados en el sistema. Si acabas de realizar una instalación básica lógicamente sólo habrá un usuario en el mismo, el usuario Super Administrador (Administrator), el que realizó su instalación, es decir, tú.

Haz clic sobre su nombre en el listado (o selecciona su casilla de verificación y, a continuación, pulsa el botón Editar) para acceder a la configuración de los parámetros del usuario. Localiza el apartado Parámetros a la derecha de la pantalla y de la lista desplegable Editor del usuario selecciona el editor JCE.

Guarda finalmente los cambios haciendo clic en el botón Guardar que se localiza en la barra de herramientas situada justamente encima:

Comprueba ahora que el nuevo editor ya se encuentra disponible. Acude al Panel de Control, pulsa el icono Añadir un nuevo artículo y fíjate en los cambios. ¡Un montón de iconos que te permitirán diversidad de opciones en el editor!

Si acercas el ratón, sin pulsar, a cada uno de los iconos disponibles una pequeña información aparecerá en pantalla, ¡y en español!, el archivo de lenguaje está perfectamente instalado.

Además el nuevo editor es sensible al menú contextual del botón derecho del ratón, algo extremadamente útil y práctico (la entrada Copiar – pegar te permitirá incluir texto de otras aplicaciones y de otros documentos de tu equipo). 

• < Previo
• Siguiente >