Wysiwyg

Con el paso de los meses, FCKeditor ha ido actualizándose y corrigiendo bugs, por lo que muchos detalles de su proceso de instalación han cambiado. En vista a los comentarios y mails que estoy recibiendo para que ponga en descarga FCKeditor configurado para PHP, publico este post...

En la actualidad, la mayoría de las páginas Web se desarrollan dinámicamente con el uso de esquemas predefinidos para todo el Site (templates, themes, plantillas, o como se les quiera llamar). Es por esto que si queremos ver como quedaría publicado una noticia o artículo, no debemos verla dentro de una ventana blanca sino dentro del esquema ya definido.

Para finalizar nuestra serie dedicada a FCKeditor, probablemente el editor wysiwyg más completo de la actualidad, vamos a ver como configurar su vista previa.

Corríjanme si me equivoco, pero subir ficheros (pdf por ejemplo), películas flash e imágenes no es una característica que podamos encontrar en otro editor web on line gratuitamente.

Por ello dedicamos este post a la configuración de esta característica y a la sencilla explicación de como poder hacer uso del CSS en nuestro editor on line...

FCKeditor consta de todas las características que se puede deseear, puede que sea un poco más lento de cargar que el TINY MCE (un par de segundos más), pero como ya lo afirmamos en un post anterior (¿Cuál es el mejor editor Wysiwig On Line?), la ventaja del FCKeditor consiste en su facilidad de subir imágenes, películas flash y archivos al servidor.

Sin embargo, si uno quiere impresionar a un cliente, no podemos mostrar el edtor sin haberlo personalizado primero, hay que darle ese valor agregado, que no nos cuesta mucho, pero que nos diferencia del resto. Este valor agregado es el objetivo de este artículo, en el que vamos a ver como personalizar FCKeditor, a nuestro gusto y con unos simples tips...

Luego de conocer los mejores editores wysiwyg on line vamos a tratar la instalación del FCKeditor en un formulario web, no sólo de un CMS, pués para estos ya existen los módulos (casos de mambo, drupal o phpnuke) o plugins (caso de wordpress, simpleCMS, etc, etc.). El proceso que vamos a ver es muy simple, pues el mismo script así lo ha previsto.

FCKeditor se puede instalar bajo cualquier lenguaje del servidor (PHP, ASP, JSP, ColdFusion) o en todo caso bajo JavaScript. Ahora vamos a ver los dos tipos de instalación más usados.

Hemos estado probando distintos editores de código HTML Wysiwyg, para la publicación de los posts, y me he quedado sorprendido de como han avanzado estas herramientas en funcionalidad, corrigiendo bugs que más que facilitar, complicaban la edición, principalmente con FCKEditor.

Entre los que más destacan (en mi opinón) tenemos:

• kTML Litle v.3.6.0.- Editor que hemos estado utilizando hasta el momento en BaluArt.net, es una extensión gratuita de InterAKT para Dreamweaver MX 2004, de muy simple manejo, con un explorador de imagenes realmente práctico. El código es limpio y cumple con los estandares W3C. Sin embargo, no presenta ciertas características, que las reserva para su KTML Professional (versión comercial de este editor valorizado en US$149.00). Características como el uso de CSS, Correción de Ortografía, Buscar y Reemplazar, Inspector de tablas y Multilenguaje no son incluidas en la versión gratuita.
• TINY_MCE.- Este es un excelente editor gratuito, muy fácil de instalar y usar, completamente hecho en JavaScript, que incluye el uso de CSS. Sin embargo, tiene una limitante: No cuenta con un navegador de Archivos e Imágenes, para poder utilizar esto en el editor, se debe comprar los plugins comerciales MCFileManager (US$ 63.00) y MCImageManager (US$236 ).
• FCKEditor v.2.0.- En mi opinión el mejor de todos. Similar al anterior en todas sus características pero con la diferencia de ofrecer gratuitamente su explorador de archivos e imágenes, compatible con ASP, PHP, ColdFusion y JSP. Es muy intuitivo (casi un MS Word) lo que hace fácil de aprender a usar por quienes no tienen siquiera conocimientos básicos de HTML.

Finalmente, después de probar los tres y observar el código de todos, nos quedamos con este último, con el que publicamos este post.

Queda en el tintero los pasos de instalación, su personalizaciión y la activación del explorador de archivos e imágenes para un artículo posterior.