8 de los mejores editores WYSIWYG para integrarlos a tus proyectos web

Muchos proyectos en los que he trabajado han involucrado tener un editor de texto integrado en una página web. Sinceramente a menos que el proyecto fuera diseñar uno desde cero no veo la necesidad de gastar tiempo en construir un elemento secundario en un sitio web que además es difícil de armar. Aquí aplica la metodología de reutilizar aquellos que ya está hecho y ocuparnos de los problemas principales.

Si ustedes están buscando un editor de texto WYSIWYG les presento 8 de los mejores, cada uno con sus principales características, pero sobre todo, que todos se integran de forma sencilla a cualquier sitio web, por si lo que buscan es una solución ya hecha a la medida algunas de estas opciones les puede ofrecer eso.

1. Froala

Froala WYSIWYG HTML Editor es fácil de integrar y utilizar. Se requiere un mínimo conocimiento de codificación. Se requiere jQuery 1.11.0 o superior. En combinación con toda la interfaz de usuario y características que tiene, también viene con un fuerte mecanismo de defensa contra los ataques XSS.

Características

• 34 KB comprimido con gzip
• edición en línea
• Atajos de teclado están disponibles
• Requiere HTML básico y el conocimiento JavaScript
• Oscuro y el tema de luz (se puede personalizar mediante la edición MENOS archivo)
• Optimizado para móviles
• MS-Word amigable
• 34 idiomas se apoyan incluyendo RTL (de derecha a izquierda) el apoyo

2. ContentTools

ContentTools es una pequeño y hermoso editor de contenidos. La biblioteca no utiliza ningún marco JavaScript o biblioteca (ni siquiera jQuery), pero juega muy bien con cualquiera de ellos. El paquete de Herramientas de contenido se compone de 5 bibliotecas, cada una de las cuales se pueden utilizar de forma independiente. Está diseñado para ser fácil de extender.

Características

• 49 KB comprimido con gzip
• edición en línea
• Cambiar el tamaño de imágenes y vídeos
• apoya deshacer / rehacer

3. Raptor Editor

Raptor Editor es un editor WYSIWYG HTML JavaScript diseñado para ser fácil de usar y fácil de integrar y personalizar de código abierto. Está diseñado para la edición en línea y es ideal para los diseños de múltiples bloques complejos. Utiliza las últimas tecnologías, incluyendo HTML5 y jQuery con  características incluyendo pruebas incorporadas unitarios y un sistema modular, código base extensible y API de plugins.

Características

• Soporte de edición en línea
• Opciones de conexión flexibles
• tema adaptable
• Bien documentada

4. Aloha

Aloha Editor es una biblioteca de edición de contenido funcional. Te permite crear experiencias de edición integrados sin problemas en su aplicación web. La principal desventaja es que todavía no soporta la inserción de imágenes.

Características

• 142 KB de tamaño
• MS-Word amigable
• Compatibilidad entre navegadores
• adaptable

5. TinyMCE

TinyMCE es una plataforma independiente basada en JavaScript HTML WYSIWYG. Permite convertir los campos textarea HTML u otros elementos HTML en instancias del editor. Puede cargar y administrar archivos en Microsoft Azure, Google Drive, Amazon S3, DropBox y más. De ello se desprende la especificación WAI-ARIA, por lo que es compatible con los lectores de pantalla como JAWS y NVDA. También hay una solución empresarial en el que se obtiene el apoyo prioritario.

 

6. bootstrap3-wysiwyg

bootstrap3-wysiwyg es un plugin de JavaScript que hace que sea fácil crear hermosos editores WYSIWYG simples, con la ayuda de wysihtml5 y Twitter Bootstrap.

7. Summernote

Summernote es un editor de texto basado en Bootstrap. Hay varios temas disponibles para ello y que son alimentados por Bootswatch. Hay también una versión convertida a tema de material llamado Nota de materiales

8. CKEditor

CKEditor es un editor de texto HTML diseñado para simplificar la creación de contenidos web. Trae características del procesador de palabras comunes directamente a sus páginas web.

 

Vía sitepoint