TinyEditor, editor WYSIWYG basado en JavaScript

Es cierto que existen múltiples opciones a la hora de integrar un editor WYSIWYG en nuestra web de forma muy sencilla. Sin ir más lejos TinyMCE (el editor que usa WordPress) ofrece todas las opciones imaginables en este campo. Pero si lo que queremos es un editor simple y liviano, TinyEditor es nuestra opción. Se trata de un editor WYSIWYG gratuito basado en JavaScript que solo pesa 8kb, un dato a tener en cuenta. Además podemos usarlo tanto en proyectos personales como comerciales, al tener una licencia Creative Commons.

El script es independiente y no requiere ningún framework de JS para funcionar. El tema de la personalización también es muy sencillo, solo tienes que cambiar algunos parámetros para eliminar elementos. Además es posible editar el estilo del mismo vía CSS. Puedes definir el tamaño, el contenido que tendrá por defecto, e incluso cambiar a vista HTML.

Para inicializar el script tienes que usar el siguiente código:

El primer parámetro que toma TINY.editor.edit es el nombre de la variable utilizada para la instancia del objeto. Eso sí, tienes que tener en cuenta que antes de publicar algo tienes que llamar a instance.post() para asegurarte que los últimos cambios en la interfaz del editor se actualizan en el área de texto.

El editor es compatible con los navegadores más usados, aunque al principio se encontraron varios errores en Internet Explorer y Chrome, estos ya están resueltos. Puedes echar un vistazo a la demo para ver el funcionamiento de este editor.

Enlace | Descarga el código fuente

Vía | Webresourcesdepot