JCE Editor

Joomla! 1

JCE Editor

Las posibilidades de edicin de contenidos del editor preinstalado de Joomla! pueden ser suficientes, pero es muy posible que queramos que nuestro editor de contenidos sea ms verstil y completo. Si queremos utilizar otro editor, existen varias opciones, libres y de pago, pero en este pequeo tutorial se ha decidido realizar una introduccin a las opciones de edicin y gestin que presenta JCE Editor, probablemente lo ms completo que podamos encontrar.

Decir completo, supone tambin decir complejo. Manejar con suficiencia este editor requera un pequeo curso dedicado, pero pretendemos tener una buena aproximacin de lo que permite, tenerlo operativo y realizar alguna manipulacin interesante.

El espacio del proyecto: http://www.joomlacontenteditor.net/

ofrece documentacin muy completa y la descarga de las extensiones que desarrolla. Si bien la instalacin bsica del editor se ofrece de forma gratuita, para disponer de todas las extensiones se exige estar subscritos en el sitio. Esta suscripcin, de un ao de duracin y por unos 23, bien merece la pena. Es el momento de reconocer que las personas que estn trabajando en todas estas magnficas aplicaciones para ser implementadas en Joomla! necesitan tener su propio medio de vida; y a travs de subscripciones en algunos casos, de pago directo por la descarga en otros (a mi juicio, nunca con precios abusivos) contribuimos a que la comunidad Joomla! siga viva.

JCE hace que la creacin y edicin de contenidos en Joomla! sea sencilla, incorpora un conjunto de herramientas que permiten crear todo tipo de contenidos sin limitaciones:

Dispone de todo tipo de botones de formato al estilo de los editores comunes. Permite cargar, renombrar, borrar, copiar/corta/pegar imgenes e insertarlas en

artculos utilizando una intuitiva interfaz. Crea enlaces a otras secciones, categoras, artculos, weblinks y contactos de

nuestro sitio utilizando un prctico navegador de vnculos. Permite controlar el cdigo generado con el Editor de cdigo Avanzado. Tiene integrado un control de ortografa utilizando Google Spellchecker (or

PSpell and ASpell).

Si instalamos puglins adicionales extendemos la funcionalidad del editor:

File Manager: inserta vnculos a todo tipo de archivos con descripciones especficas que incluyen fecha, tamao e icono.

Media Manager: carga e inserta archivos multimedia (flash, windows media, quicktime etc.), empotra (embed, perdn por la traduccin, podra haber escrito embebe) videos de Youtube y crea popups a todo tipo de archivo multimedia. Media Manager tambin incluye un reproductor de archivos FLV.

Image Manager Extended: Modifica el tamao, rota y crea thumbnails de las imgenes en el momento que las subes al servidor, o despus, y crear popups de la imagen con unos pocos clics.

Captions: pare definir el caption de una imagen, cmo se presenta, estilo, texto

JCE Editor

Joomla! 2

Ajunto a este texto se presentan los diferentes archivos que constituyen la extensin, a excepcin de alguno relacionado con otras extensiones. Resumiendo, son:

Instalacin bsica de JCE Editor:

Componente: com_jce_157.zip Plugin del editor: plg_jce_156.zip

Complementos que deben ser instalados a travs la propia herramienta de instalacin de JCE:

Lenguaje espaol: jce154_langpack_es.zip Creador de marcos en el contenido: jce_iframe_154.zip

Con subscricin:

Extensin del gestor de imgenes: jce_imgmanager_ext_155.zip Gestor multimedia: jce_mediamanager_154.zip Gestor de archivos: jce_filemanager_152.zip Edicin de propiedad caption de imgenes: jce_caption_153.zip Gestor de plantillas: jce_templatemanager_155.zip

Complementos que deben ser instalados con el instalador de Joomla!:

Para mostrar multimedia a travs de un script: plg_mediaobject_150.zip Para mostrar multimedia con un popup: plg_jceutilities_224.zip

JCE Editor

Joomla! 3

Instalacin. Gestin: breve descripcin.

Empezamos instalando el componente desde el instalador de Joomla!

Para, acto seguido, instalar el plugin.

Nos aseguramos de tener el plugin habilitado observndolo en el gestor de mdulos.

JCE Editor

Joomla! 4

Y, por qu no, decidimos que este editor sea el editor predeterminado de nuestro sitio web.

Si el plugin es el editor en s, el componente se encargar de la multitud de opciones de gestin que permite.

El componente posee su propio panel de control.

1. Las opciones de configuracin se centran en la utilizacin de la compresin Gzip, cmo se acta con el cdigo html que se genera, las opciones de formato e incluso con variables de configuracin avanzadas.

JCE Editor

Joomla! 5

2. La gestin de grupos permite establecer diferentes condiciones de uso del editor. De forma predeterminada aparecen dos grandes grupos, uno publicado.

Sus posibilidades de edicin son extraordinarias. La definicin de qu tipos de usuarios o usuarios pertenecen al grupo y a qu componentes acceden, pero teniendo en cuenta que la configuracin del propio componente condiciona esta decisin.

JCE Editor

Joomla! 6

La definicin especfica de los parmetros del editor asignados al grupo.

JCE Editor

Joomla! 7

Cmo se presentar la barra de herramientas en la edicin de contenidos por parte de los miembros del grupo. Permite con un simple pincho y arrastro mover los diferentes iconos entre los Complementos/Botones disponibles y la Distribucin actual del editor.

Y la definicin precisa de los parmetros de todos y cada uno de los complementos (incluidos plugins) instalados.

JCE Editor

Joomla! 8

3. La gestin de plugins o complementos muestra una relacin de la instalacin, en la mayora de los casos con el icono asociado al botn de la barra de herramientas del complemento.

Algunos de ellos son editables.

4. JCE posee su propio instalador de plugins y complementos. De misma apariencia y uso que el instalador de Joomla!, permite instalar el idioma y el resto de plugins mencionados anteriormente.

Instalado el idioma, si refrescamos la ventana del navegador podemos comprender la operacin realizada.

Y, si instalamos el resto de plugins, podemos conocer la relacin de los complementos instalados; pero desde esta ventana slo podramos desinstalarlos.

JCE Editor

Joomla! 9

La pestaa extensiones de complementos nos muestra la relacin de extensiones que amplan la funcionalidad de algn plugin instalado. En este caso la que aparece en la imagen est instalada de forma predeterminada.

Los dos ltimos plugins relacionados anteriormente deben ser instalados con el instalador de Joomla!, y no hablaremos ms de ellos en este tutoras, ya que requiere utilizar cdigo, y excede los objetivos de este curso de formacin.

JCE Editor

Joomla! 10

Utilizacin de algunos complementos de JCE Editor Habilitado JCE Editor y seleccionado como editor, ya tenemos una barra de herramientas de edicin muy completa. Conozcamos un poco cmo trabajan algunos plugins instalados.

Gestor de imgenes.

La versatilidad de este complemento queda clara con la variedad de parmetros que ayudan a definir la imagen que se inserta en el contenido:

Desde la presentacin inicial, podemos gestionar nuestros archivos de imagen, permitiendo crear carpetas para su organizacin, subir archivos

JCE Editor

Joomla! 11

Creamos una carpeta llamada usuario

Y dentro de la carpeta usuario aadimos dos archivos, por ejemplo.

Aadimos seleccionando los archivos con nuestro explorador de archivos local, y despus los cargamos.

Con la imagen almacenada ya en nuestro servidor, seleccionamos el archivo que queremos incrustar en nuestro texto y concretamos los parmetros que estimemos oportunos. Observamos en detalles las opciones de manipulacin de la imagen: cortar, pegar, cambiar tamao, ver, renombrar, crear miniatura

JCE Editor

Joomla! 12

Decidimos Insertar y ya la tenemos en nuestro artculo de contenido.

Por supuesto, siempre podemos utilizar imgenes localizadas en una URL concreta.

JCE Editor

Joomla! 13

Gestor multimedia.

Permite incrustar diferentes tipos de archivos multimedia: flash, QuickTime, Windows Media, Real Media, Director y Divx.

En este caso, la pestaa Opciones debe ser tenida en cuenta de forma especial para definir las opciones de reproduccin del archivo.

Decidimos subir el archivo que queremos incrustar en nuestro contenido.

Una vez subido a nuestro servidor, se selecciona.

JCE Editor

Joomla! 14

Y se decide insertar en nuestro contenido. No disponemos de una visualizacin del archivo incrustado.

Para ello debemos decidir Previsualizar en la barra de herramientas de Joomla!