integración de Geshi y FCKeditor

Veamos primero qué es FCKeditor. Este es un editor web de HTML muy potente, que no requiere ninguna instalación en la computadora del cliente. Tiene todo tipo de herramientas que hace posible una edición de texto al estilo MS Word.

Ahora, el tan afamado Geshi, un herramienta demasiado práctica para los que nos gusta trabajar con códigos, lenguajes de programación. Es una de las herramientas mas completas que existen, pues este permite resaltar la sintaxis del código según el tipo de lenguaje, por ejemplo, este blog usa la tecnología geshi para el resaltado de código, ejemplo:

Java

public class HOlaMundo{
    public static void main(String args[]){
        System.out.println("Hola a todos");
    }
}

Php

<?php
function saludar(){
    echo "Hola a todos";
}

saludar();
?>

Ya conociendo lo interesante de estas dos herramientas y la magia que producen, pues ahora es posible integrarlas en un mismo paquete, haciendo que FCKeditor tenga la opción de insertar el código del lenguaje en su editor. Veamos…

1. Descargar FCKeditor
2. Descomprimir el archivo comprimido y subirlo a la carpeta root. Para este caso vamos a suponer que la tenemos la estructura:

mi-dominio.com

por lo tanto, al descomprimer el paquete en la carpeta root debe quedar:

mi-dominio.com/fckeditor
mi-dominio.com/fckeditor/_samples
mi-dominio.com/fckeditor/editor

3. descargar el plugin GeshiPro
4. descomprimir el contenido del archivo y subirlo al paquete de plugins de fckeditor, quedando de la siguiente manera:

mi-dominio.com/fckeditor/plugins/geshipro

Para terminar de hacer la integración completa hay que editar el archivo fckconfig.js que ubica en mi-dominio.com/fckeditor/editor/fckconfig.js y hacer los siguiente…

buscar:

FCKConfig.AutoGrowMax = 400 ;

poner antes:

FCKConfig.Plugins.Add( 'geshipro', 'en' ) ;

buscar:

['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat']

reemplazar por:

['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat','-','GeSHiPro'],

Y listo! con eso ya tenemos nuestro geshi funcionando con el fckeditor