≡En resumen
- Quill es un editor WYSIWYG gratuito y de código abierto que se integra en webs y aplicaciones con JavaScript.
- Guarda el contenido en Delta, un formato JSON que describe el texto y sus formatos sin depender del HTML.
- Trae dos temas, Snow (con barra de herramientas) y Bubble (con menú flotante), y se amplía con módulos.
- Quill 2.0, publicado en abril de 2024, fue la primera gran versión en casi ocho años.
- No hay que confundirlo con QuillBot, una herramienta de IA para parafrasear textos, ni con quill, «pluma» en inglés.
01 ¿Qué es Quill?
Cuando alguien busca Quill en un contexto tecnológico, casi siempre se refiere a Quill.js: una librería de JavaScript que convierte un simple bloque de una página en un editor WYSIWYG, es decir, un editor en el que ves el texto tal y como quedará. Es el tipo de campo que usas al escribir un comentario con formato, redactar un correo en una aplicación web o editar la descripción de un producto en un panel de administración.
| Término | Qué es |
|---|---|
| Quill (Quill.js) | Editor de texto enriquecido de código abierto para webs |
| QuillBot | Herramienta de inteligencia artificial para parafrasear, corregir y resumir textos |
| quill (inglés) | Pluma de ave usada para escribir; también la púa de un puercoespín |
02 Qué significa quill en inglés
En inglés, quill es la pluma de ave que se cortaba y afilaba para escribir con tinta; en español la llamamos pluma o cálamo. Se usaban sobre todo plumas de ganso y, para letras grandes, de cisne. Fue el instrumento de escritura dominante en Europa desde el siglo VI hasta que, a principios del XIX, la plumilla de acero inventada en Gran Bretaña la desplazó. Con plumas de ave se firmaron documentos como la Carta Magna o la Declaración de Independencia de Estados Unidos.
La palabra también designa las púas del puercoespín. De ese imaginario de escritura y precisión toman su nombre el editor Quill y la herramienta QuillBot.
03 Quill.js: historia y cifras
Quill lo crearon Jason Chen y Byron Milligan, y hoy lo mantiene Slab, la empresa de gestión del conocimiento que lo usa en su producto. El paquete se publicó en npm en 2012, la versión 1.0 llegó en septiembre de 2016 y, tras años sin grandes novedades, Quill 2.0 salió el 17 de abril de 2024, con el código migrado por completo a TypeScript, varios registros de formatos en una misma página y un manejo de la escritura más fiable gracias a la API InputEvent del navegador. Al ser open source con licencia BSD, puedes usarlo gratis también en proyectos comerciales.
47.300+
Estrellas del repositorio slab/quill en GitHub (septiembre de 2026)
Fuente: GitHub
7,8 millones
Descargas del paquete quill en npm en la última semana de septiembre de 2026
Fuente: npm
2.0.3
Última versión estable (30 de noviembre de 2024)
Fuente: npm
04 Características principales de Quill
Formato Delta
El contenido se guarda como una lista JSON de operaciones (insertar texto con atributos). Es fácil de almacenar, comparar y sincronizar entre usuarios.
Temas Snow y Bubble
Snow muestra una barra de herramientas fija; Bubble, un menú flotante que aparece al seleccionar texto.
Módulos
Barra de herramientas, teclado, historial de deshacer, portapapeles y resaltado de sintaxis se configuran o sustituyen por módulos propios.
API completa
Métodos para leer, insertar y formatear contenido y eventos para reaccionar a cada cambio del usuario.
Formatos personalizados
Con Parchment, su modelo de documento, puedes crear bloques propios: menciones, vídeos incrustados o fórmulas.
Ligero y sin dependencias de framework
Funciona con JavaScript puro y existen adaptaciones de la comunidad para React, Vue o Angular.
05 Cómo instalar y usar Quill
-
1
Añade la librería
Instálala con npm install quill o carga desde jsDelivr el archivo quill.js y la hoja de estilos del tema que elijas.
-
2
Crea el contenedor
Añade en tu HTML un bloque vacío con un identificador, por ejemplo editor, donde se dibujará el editor.
-
3
Inicializa el editor
Crea una instancia de Quill indicando el contenedor, el tema y, si quieres, la configuración de la barra de herramientas.
-
4
Recupera el contenido
Usa getContents para obtener el Delta y guardarlo en tu base de datos, o getSemanticHTML para obtener HTML.
-
5
Sanea antes de mostrar
Si vas a pintar en otra página el HTML que escriben tus usuarios, límpialo en el servidor para evitar inyecciones de código.
Enlaza la hoja quill.snow.css y el script quill.js de la versión 2.0.3, añade <div id="editor"></div> en tu página e inicializa el editor con const quill = new Quill('#editor', { theme: 'snow' });. Con eso ya tienes un editor con barra de negrita, cursiva, listas y enlaces.
Quill se integra con cualquier stack de JavaScript, pero en proyectos grandes conviene decidir desde el principio cómo se guardan, versionan y validan los contenidos. Es una de las piezas que resolvemos en el desarrollo de aplicaciones web a medida, y resulta especialmente útil en plataformas donde los clientes crean contenido, como las que abordamos en el desarrollo de SaaS.
06 Quill frente a otros editores de texto enriquecido
| Editor | Licencia | Cuándo elegirlo |
|---|---|---|
| Quill | BSD, gratis | Quieres un editor ligero, con API clara y contenido en formato Delta |
| TinyMCE | Código abierto con planes comerciales | Necesitas una experiencia tipo procesador de textos; es el editor clásico de WordPress |
| CKEditor 5 | GPL o licencia comercial | Buscas funciones empresariales como colaboración en tiempo real y control de cambios |
| Tiptap | MIT, con extensiones de pago | Trabajas con React o Vue y quieres un editor sin interfaz predefinida, basado en ProseMirror |
07 QuillBot: la herramienta de IA para parafrasear
QuillBot no tiene relación con el editor Quill. Es una herramienta online de inteligencia artificial que reescribe frases con otras palabras (parafraseo), corrige gramática, resume textos y ofrece traductor, con plan gratuito y plan de pago. En agosto de 2021 la compró Course Hero, hoy integrada en el grupo Learneo.
Preguntas frecuentes sobre Quill
Quill es un editor de texto enriquecido de código abierto para la web. Se añade con JavaScript a cualquier página o aplicación para que los usuarios escriban con formato sin saber HTML.
Quill significa «pluma» en el sentido de pluma de ave para escribir, el cálamo. También se usa para las púas del puercoespín.
Sí. Quill es software libre con licencia BSD de 3 cláusulas, así que puedes usarlo y modificarlo gratis, también en proyectos comerciales.
Es el formato en el que Quill guarda el contenido: un JSON con una lista de operaciones de texto y sus atributos, más fácil de procesar y sincronizar que el HTML.
No. Quill es un editor de texto para desarrolladores web; QuillBot es una herramienta de inteligencia artificial para parafrasear y corregir textos, propiedad de Learneo.
La 2.0.3, publicada el 30 de noviembre de 2024. Quill 2.0 salió el 17 de abril de 2024 y fue la primera versión mayor desde la 1.0 de 2016.
Sí. Quill funciona con JavaScript puro, así que puedes inicializarlo dentro de un componente de React o usar alguno de los envoltorios que mantiene la comunidad.
Fuentes consultadas
Sobre el autor
Germán Gutiérrez
Development Manager en appyweb
Dirige el equipo de desarrollo de appyweb: aplicaciones web y móviles, SaaS, integraciones y arquitectura de software.
Ver perfil en LinkedIn ↗