Quill 1.0 – Mejor editor de texto enriquecido para aplicaciones web

Conoces a los editores de texto enriquecido. Convierten campos de texto simples en algún tipo de entorno de procesamiento de texto. Cada bloguero de WordPress usa uno, el TinyMCE, que sigue siendo estándar en el CMS más popular del mundo. Quill es un miembro más avanzado de la misma especie.

Quill 1.0: Código abierto e independiente

Después de unos dos años, el proyecto de código abierto Pluma finalmente ha llegado a la versión estable 1.0. Después de este largo tiempo de desarrollo, uno de los resultados positivos es la excelente documentación. Los proyectos más pequeños y más jóvenes apenas pueden mantenerse al día con eso. Una buena documentación es crucial, especialmente en el área de código abierto, ya que es algo común que los colaboradores anteriormente muy activos de repente pierdan interés en el proyecto y lo abandonen.

Quill es una solución de JavaScript sin otras dependencias, pero con su propia API. Todo lo que necesita para poder trabajar de manera eficiente con Quill se encuentra en el archivo JavaScript, que integra en sus documentos como de costumbre.

Cómo agregar Quill a su aplicación web

Para equipar un elemento con las habilidades de Quill, agregue lo siguiente en su HTML:

Después de eso, llamas al script en el elemento. Así es como se ve:

var quill = new Quill('#editor-container', {
  modules: {
    toolbar: [
      [{ header: [1, 2, false] }],
      ['bold', 'italic', 'underline'],
      ['image', 'code-block']
    ]
  },
  placeholder: 'Compose an epic...',
  theme: 'snow' // or 'bubble'
});

Este es un ejemplo de lo que puede suceder cuando alguien usa el elemento:

El pequeño código de la izquierda permite el resultado de la derecha (y mucho más). (Captura de pantalla: Dr. Web)

Como ya puede ver en el código fuente de JavaScript, es posible ajustar modularmente Quill al elemento contenido de la manera que considere correcta. Los módulos de función individuales están integrados en la interfaz de usuario con nombres hablados. De esta manera, sus usuarios tienen la opción de dar formato al texto en negrita solo si agregó bold al alcance de funciones.

Pluma: flexible debido a su propia API

Una API le permite crear más módulos de funciones según sus necesidades e integrarlos sin problemas en la interfaz de usuario de Quill. Tal vez su aplicación web tenga que poder recopilar dibujos CAD, o lo que sea. Generalmente, Quill no necesita configuración. Funciona de inmediato y sin problemas para la mayoría de los casos de aplicación.

Aparte de los módulos de expansión para funciones que Quill no proporciona, también puede reemplazar algunas de las funciones de Quill con las suyas, si las dadas no son suficientes. Debe configurar todos los módulos como archivos JavaScript separados, pero también es posible agregarlos directamente a Quill, aunque esto no es recomendable cuando se tienen en cuenta actualizaciones simples.

La opción de expandir o alterar el alcance de las funciones del editor es posible debido a una de las características únicas más importantes de Quill; el nivel de abstracción DOM Pergamino. En el blog de Quill, encontrará una presentación detallada de las habilidades de Pergamino. Descubra cómo podría recrear la interfaz de usuario de la popular plataforma de publicación Medium.

Tendrá una buena idea de la flexibilidad de la herramienta moderna cuando mire a su alrededor en la página del proyecto. parque infantil interactivo, o usando Codepen.

Los desarrolladores valoran la evaluación de que Quill es muy consistente en todas las plataformas y siempre funciona de la misma manera, incluso siendo completamente funcional en tabletas y teléfonos inteligentes, además de crear únicamente HTML estándar. Todo el trabajo de entrada y salida a través de JSON.

Quill: disponibilidad y licencia

Quill está disponible para la integración en su sitio web vía descarga, pero también es posible incrustarlo a través de un CDN ejecutado en Amazon Cloudfront. El código fuente está disponible en Github. Como es un proyecto de código abierto, no existen limitaciones en cuanto a su uso. Por lo tanto, incluso puede utilizar Quill para proyectos comerciales bajo la licencia BSD.