Tiny es un editor de texto enriquecido gratuito del tipo WISWYG, desarrollado con JavaScript, muy fácil de implementar y con muchas opciones interesantes.
Dentro de estas opciones podemos destacar:
- Automáticamente enlaza los atajos de teclado más populares según el sistema operativo utilizado por el cliente.
- Permite arrastrar y soltar imágenes directamente en el elemento.
- Se puede personalizar fácilmente mediante hojas de estilo.
- Soporta navegadores móviles perfectamente.
Como requerimiento principal necesitamos de un navegador relativamente moderno para una correcta visualización, el proyecto tiene completo soporte para Chrome 26+, Firefox 19+ y Safari 6+. Desde el punto de vista de los dispositivos móviles los requerimientos también son bastante sensatos: IOS 6 Ipad/Iphone y Android 4.1.1 con Chrome. Una aclaración, también funciona en versiones más antiguas aunque algunas características pueden fallar, probablemente no las esenciales.
Ejemplo de uso:
$('#editor').wysiwyg({ hotKeys: { 'ctrl+b meta+b': 'bold', 'ctrl+i meta+i': 'italic', 'ctrl+u meta+u': 'underline', 'ctrl+z meta+z': 'undo', 'ctrl+y meta+y meta+shift+z': 'redo' } });
En el ejemplo pueden ver como se puede personalizar los accesos por teclado de una manera sencilla y sin apenas escribir código.
Las dependencias desde el lado del servidor son pocas: jQuery, jQuery HotKeys y finalmente Bootstrap de Twitter.
Web: Tiny