Editor de texto WYSIWYG JavaScript (responsive)

por .

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.

editor de texto wysiwyg jquerty

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

Categorizado en: