FCKeditor

Examinador de imágenes en FCKeditor

En el uso del FCKeditor como nuestro editor preferido en Drupal, requerimos poder examinar las imágenes cargadas antes de insertarlas en nuestro contenido, una forma de hacerlo es activando el plugin ImageManager que nos permite ademas poder editar y borrar la misma.
Previo de Image Manager

Descargando el pluging ImageManager

El plugin fue desarrollado por Saulmade, desde este sitio podemos encontrar diferentes aportes como skins para el editor, y entre ellos el plugin ImageManager, que nos proporciona la funcionalidad de poder examinar o hacer un previo de la imágen antes de insertarla en el contenido, es importante recalcar que este plugin es gratuito ya que existen otros que son de pago.
Al plugin lo podemos descargar desde la dirección:
http://www.saulmade.nl/FCKeditor/files/ImageManager.zip

Instalando ImageManager

  1. Se descomprime el archivo descargado dentro el directorio de fckeditor/plugins
  2. Editar el archivo fckeditor/plugins/ImageManager/config.inc.php
  3. En la edición del archivo debemos modificar dos variables para que apunten a nuestro repositorio de imágenes y la url del sitio. $IMConfig['base_dir'] y $IMConfig['base_url'].
  4. El lenguaje para el plugin y el directEdit es configurado desde el directorio fckeditor/plugins/ImageManager/fckplugin.js
  5. Para incluir el plugin en el FCKeditor editamos el archivo 'fckconfig.js' y actualizamos la variable 'FCKConfig.ToolbarSets' agregando o sustituyendo 'Image' con 'ImageManager'. Luego se registra el plugin con la siguiente sentencia:
    FCKConfig.Plugins.Add('ImageManager');
  6. Con esto esta listo. (Si no aparece el boton, intente limpiar cache del navegador).

Espero les sirva esta información.

Saludos.

Secciones: 

Actualizar FCKeditor personalizado

Editor FCKeditor
Como sabemos el FCKeditor es un editor WYSIWYG que nos sirve para editar o dar formato a nuestros contenidos en algunos CMS como Drupal.

En este post voy a explicar como actualizar nuestro editor, cuando tenemos algunos archivos personalizados por nosotros, en mi caso puntual son aquellos que se refieren al tratamiento de tablas y a la inclusion de plugins como Linktocontent y ImageManager, estoy olvidando tambien la modificacion del codigo para poder subir archivos a nuestro sitio en forma personalizada.

Bueno basta de introducción y empecemos con el procedimiento.

Instalación del módulo FCKeditor.

Para el correcto funcionamiento e instalación del módulo fckeditor necesitamos descargar el módulo desde

http://ftp.drupal.org/files/projects/fckeditor-6.x-2.1.tar.gz

y un paquete adicional para el editor en la siguiente dirección

http://sourceforge.net/projects/fckeditor/files/FCKeditor/

Desempaquetamos el editor .zip que lo descargamos del sitios sourceforge en el directorio modules/fckeditor

Actualización del FCKeditor

Nota: Sacar un respaldo de la version que esta funcionando para luego contrastar con la nueva.

Como podemos observar tenemos dos paquetes o dos archivos compresos como es el módulo y el editor, cuando actualizamos el módulo solo estamos sobreescribiendo el módulo no el editor que esta dentro, y por lo general nuestros cambios siempre estan orientados al editor, a exception de botones instanciados desde los plugins dentro del directorio modules/fckeditor/plugins en este caso debemos respaldar nuestro archivo fckeditor.config.js ya que desde aqui lo hemos modificado para que se agreguen estos botones tales como ImageManager y Linktocontent, asi como el boton de mostrar el editor en pantalla completa.

Existiran ocasiones en que tambien estamos actualizando nuestro editor, ojo el editor no el módulo, en este caso debemos respaldar nuestros archivos modificados dentro del editor como el caso especial de la dirección del repositorio de imagenes que esta dentro de modules/fckeditor/fckeditor/editor/filemanager/connectors/php/config.php

  1. Identificamos los archivos que hemos modificado y le sacamos una copia con otro nombre. Por Ejm: fckeditor.config.js y lo renombramos a fckeditor.config.js.ch
  2. Luego de que hemos sacado respaldo de nuestros archivos procedemos a actualizar el módulo o el editor del FCKeditor con la nueva version.
  3. Volvemos a renombrar nuestros archivos al nombre original para que tengan efecto.

Nota: Es necesario ver el funcionamiento de las nuevas versiones antes de continuar con nuestros archivos modificados quiza en esas nuevas versiones ya han considerado nuestras adecuaciones para que sea mas funcional, en ese caso ya no necesitariamos de nuestros archivos personalizados.

Como ya sabemos la actualizacion se la realiza copiando el paquete descargado y descomprimido dentro del directorio modules.

Ahora un ejemplo real.

En mi caso he cambiado los archivos

fck_table.html bajo el directorio modules/fckeditor/fckeditor/editor/dialog permite establecer estilo a toda la tabla y crear celdas intercaladas con referencia a la clase odd y even para darle mas colorido.

fck_tablecell.html bajo el directorio modules/fckeditor/fckeditor/editor/dialog que permite llamar los estilos por celdas

fck_div.html

En este caso procedo a sacar un respaldo de estos archivos para luego sobreescribirlos y sean funcionales con la nueva version.

  

Saludos y espero les sirva de utilidad, para actualizar su editor y módulo segun sea la necesidad.

Secciones: