Editores de texto para Joomla 1.6 : JoomlaCK y JCE

editor_0Tutorial para configurar y utilizar editores de texto alternativos en Joomla 1.6. El editor predeterminado de Joomla cuenta con las funcionalidades suficientes para escribir artículos, insertar imágenes, tablas, etc. Sin embargo, en ocasiones necesitamos utilizar una serie de opciones de las que este editor no dispone.

Para estas situaciones, podemos emplear otros editores que disponen de una amplia gama de posibilidades, comparables a las de las suites ofimáticas mas conocidas.

 

JoomlaCK

Si queremos emplear este editor, podemos descargarlo desde su página oficial e instalarlo siguiendo los pasos habituales. Tras instalarlo tendremos que establecerlo como editor predeterminado de Joomla. Para ello podemos seguir los pasos descritos en este artículo.

Si nos dirigimos al gestor de artículos, podremos comenzar a utilizar el nuevo editor. Veremos que dispone de un gran número de botones que nos permitirán realizar casi cualquier cosa.

editor_1

 

Si pulsamos en el botón “Source” veremos el código fuente del artículo.

editor_2

 

Podremos realizar un guardado rápido de los cambios pulsando sobre el icono de guardar, cortar el contenido seleccionado, seleccionar todo o pegar de distintas formas (como texto plano, desde word...)

editor_3

 

También tendremos la posibilidad de realizar una corrección ortográfica de lo que hemos escrito e incluso podremos activar la revisión en tiempo real.

editor_4

 

Si queremos crear un formulario podremos hacerlo pulsando en el botón “Form” e introduciendo los datos solicitados. Para agregar elementos al formulario emplearemos los botones disponibles (RadioButton, SelectionField, TextArea, HiddenField, etc)

editor_5

 

Otra de las opciones que nos ofrece este editor es la de agregar animaciones en flash. Para hacerlo, pulsamos en el botón correspondiente y completamos los datos que se nos solicitan.

editor_7

 

Si pulsamos en el botón “Templates”, podremos crear nuestro artículo a partir de una plantilla. Bastará con seleccionar la plantilla deseada y se generará el esquema adecuado.

editor_8

 

Con el botón “Div”, podremos crear contenedores y aplicarles un estilo.

editor_9

 

Pulsando en “Show blocks” veremos la estructura de nuestro artículo con sus etiquetas html.

editor_10

 

También podremos elegir el tipo de letra, su tamaño y su color.

editor_11

 

Si queremos disponer de más espacio para escribir, podremos maximizar la pantalla del editor para que ocupe toda la ventana del navegador

editor_12

 

Finalmente, podremos obtener una vista previa del artículo pulsando sobre el botón “Preview”.

editor_13

 

Configuración del editor

Si vamos al gestor de plugins, podremos configurar algunos parámetros de JoomlaCK.

En la sección “Opciones básicas” escogeremos el tipo de barra de herramientas, sus colores, skin, tamaño, etc.

editor_14

 

En “Opciones avanzadas” podremos elegir el idioma, la alineación del texto o el color de fondo entre otros.

editor_15

 

JCE

Para utilizar este editor, tendremos que descargarlo desde su página e instalarlo de igual modo que en el caso anterior.

Tras instalarlo y establecerlo como editor por defecto, podremos acceder al gestor de artículos para comenzar a trabajar con él.

editor_16

 

Si queremos desactivar el editor, tendremos que pulsar sobre el enlace “show/hide”.

editor_17

 

Pulsando sobre el botón “New Document” borraremos todo el contenido del editor, pero manteniendo el resto de elementos del artículo.

editor_18

 

También tendremos la posibilidad de establecer el tamaño y la familia de la letra y sus colores.

editor_19

 

Podremos cortar, copiar y pegar texto, aunque no dispondremos de la opción “Pegar desde Word” de otros editores.

editor_20

 

Si pulsamos sobre “Toggle fulscreen mode”, el editor pasará a ocupar toda la ventana del navegador.

editor_21_copy

 

La opción “Preview” nos mostrará una vista previa del artículo y la opción “Imprimir” permanecerá activa. La vista previa se mostrará dentro del propio editor.

editor_22

 

Pulsando en “Toggle Source Code” veremos el código fuente y además activaremos otros botones. Podremos desactivar y activar el ajuste de línea, el color de las etiquetas html y los números de línea.

editor_23

 

Con los botones “Find” y “Find/Replace”podremos realizar búsquedas en el texto de los artículos y reemplazar las posibles coincidencias.

editor_24

 

El botón “Insert table” nos permitirá crear tablas y a la vez activará varios botones relacionados con las tablas y que nos facilitarán el trabajo a la hora de trabajar con las columnas, filas y celdas.

editor_25

 

Si pulsamos en “Insertar imagen” podremos añadir una imagen a nuestro artículo de las existentes en el directorio “images”. También tendremos la opción subir imágenes nuevas.

editor_26

 

Otra de las opciones del editor es la corrección ortográfica. Podremos activar la corrección en tiempo real y elegir distintos idiomas.

editor_27

 

 

Configuración del editor

Si nos dirigimos a “Componentes > JCE Administration”, podremos modificar la configuración del editor.

editor_28

 

En “Global configuration” ajustaremos los parámetros de formato y compresión. También podremos gestionar las cookies y algunas otras opciones.

editor_29

 

Desde la sección “Profiles” crearemos distintos perfiles para el uso del editor. Al crear un nuevo perfil podremos configurar diversas opciones:

  • “Setup”. Aquí incluiremos el nombre del perfil, la descripción, asignaremos los usuarios y grupos, etc.

editor_30

 

  • En “Features” podremos seleccionar los botones que estarán disponibles para el perfil y activaremos algunas opciones adicionales .

editor_31

 

  • La sección “Editor Parameters” nos permitirá establecer el tamaño del editor, algunas opciones de la barra de herramientas, activar la inserción javascript y php, definir el tamaño máximo para la subida de archivos, etc.

editor_32

 

  • Finalmente, en “Plugin Parameters” configuraremos las opciones relacionadas con el explorador de archivos, el gestor de imágenes, los enlaces, la revisión ortográfica, etc.

editor_33

 

Desde la sección “Install Add-ons” podremos instalar componentes adicionales para JCE.

editor_34

 

Para finalizar, el botón “File Browser” nos dará acceso al explorador de archivos, desde el que podremos crear carpetas o subir nuevos ficheros.

editor_35

 

Enlace | JCK Editor

Enlace | JCE

Escribir un comentario

Por favor procura que tus comentarios estén relacionados con la entrada, comenta con tu nombre y no pongas enlaces en tu comentario. Intenta también respetar a los demás lectores, los comentarios off topic, promocionales, ofensivos o ilegales serán editados y borrados.


Código de seguridad
Refescar