Portada » Joomla » Instalacion y Configuracion de JCE para joomla

Instalacion y Configuracion de JCE para joomla

Publicado en: Joomla 0
Foto del editor JCE

¿Qué es JCE?

JCE (Joomla Content Editor) es un editor WYSIWYG* para Joomla (que para los que no lo sepan es el gestor de contenido de esta web).

El paquete de joomla spanish, viene con editor instalado por defecto (TIMY) que cumple para mi gusto las espectativas básicas. Pero si ya quieres sacarle más partido al editor, se nos queda corto. Por ese motivo he instalado el editor JCE. Por el momento no me ha fallado mucho y la opciones que he usado van respondiendo bien.

Para instalar este editor vamos a:

La web oficial del editor y alli descargamos los siguientes componentes:

  • En JCE Core Component  –> JCE Admin Component 1.1.1 (El Nucleo de la aplicación).
  • En JCE MamBot –>  JCE Editor Mambot 1.1.6 (Elmento indispensable para que funcione el editor, se instala dépues del nucleo)
  • En JCE Language Packs –> Language Packs for JCE 1.1.x –> Spanish Language Pack 1.1.6 (Indispensable – Se instala como un Plugins, a travez del menu de la componente  del JCE).
  • En Utilities & Extras –> JCE Utilities Mambot 1.3.0 (Este elemento es opcional, pero es la primera vez que instalamos el editor, yo recomiendo que lo instalen y prueben todas las utilidades y extras que le ofrece ).
  • En JCE Plugins –> Plugins for JCE 1.1.x –>  Aqui dependera de lo que cada uno tenga instalado en su sitio joomla, o quiera implentar en su sitio. Yo en este caso solo instale el Plugins para Iframe.

Ahora debemos ir a nuestro menu de sitio y en el administrador usuarios, editar nuestro usuario para que cuando queramos realizar alguna operación con el  editor, se nos carge el JCE.

También debemos configurar los elementos de la componente JCE (-Components ->JCE Admin -> JCE Configuration) – a nuestro gusto.

Ahora vamos a configurar la hoja de estilo de css.  Esto lo vamos hacer, ya que el editor coje como plantilla de estilo la que tengamos por defecto, y amenudo la combinación de colores que usamos para nuestro sitio web principal, en el editor resulta un poco o bastante molesta.

Lo primero que debemos hacer es acceder a nuestro servidor, ya sea por ssh, ftp, etc. debemos ir a nuestro directorio donde se encuentra la plantilla css, normalmente se encuentra en «misitioweb/administrator/templates/joomla_admin_spanish/css«. Copiamos el archivo «template_css.css» y lo renombramos como «editor_content.css«(también podemos crear uno nuevo).

Borramos todo el contenido del nuevo archivo y escribirmos:

			body{
margin:0;
padding:0;
text-align: left;
background: white;
background-image: none;
}  

Ahora en el editor de la componente JCE (-Components ->JCE Admin -> JCE Configuration) – cambiamos en la etiqueta Template CSS Classes a NO y en Custom CSS Classes con el nombre del nuevo archivo «editor_content.css» , finalmente salvamos la configuración.

Una vez hecho esto, es muy recomendable borrar la cache de nuestro navegador, para que los cambios en el estilo del editor sean efectivos.

*WYSIWYG: Es un acrónimo para referirse a “What You See Is What You Get” (Lo que ve es lo que obtiene) generalmente relacionado con editores que pueden manejar código HTML o PHP usando simples botones.

 

Siguiendo Jacob Rodriguez Torres:

Ingeniero Técnico Informático de Sistemas y Técnico de Telecomunicaciones.

Desarrollo y asesoro proyectos en Internet. Principalmente sobre la gestión de tecnologías de la información. Enfocado en: gestión del conocimiento, formación a distancia, herramientas colaborativas, teletrabajo y calidad TI (Norma ISO 20000 e ITIL). Trabajo a diario con proyectos web, definiendo estrategias de contenido e implementando soluciones web adaptadas a las necesidades del cliente. También establezco métricas de conversión y seguimiento mediante analítica web.

0 Comentarios

  1. Gerson Orozco
    | Responder

    Excelente aporte, muchísimas gracias por estos datos tan valiosos. Logré quitar la imagen de fondo que utilizaba mi sitio y que estaba apareciendo en el editor del JCE.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *