Se ha lanzado la versión 2.0 de Quill.
Declaración oficial de TypeScript
El código fuente de Quill se ha migrado completamente a TypeScript, con los beneficios de una detección temprana de errores, una mayor capacidad de mantenimiento y un mejor soporte de herramientas.
Anteriormente, los desarrolladores tenían que @types/quillinstalarlo como un paquete separado para obtener definiciones de TypeScript. En Quill 2.0, las declaraciones de tipos se pueden obtener directamente de la fuente.
múltiples registros
Los proyectos de blogs pueden usar Quill para proporcionar una interfaz de edición con todas las funciones para la publicación en sí, incluidos títulos, imágenes y bloques de código, mientras que en la misma página, Quill también admite la entrada de comentarios en negrita y cursiva, así como formatos de enlaces admitidos. Las nuevas registryfunciones de Quill 2.0 admiten este caso de uso, lo que permite que varios editores con sus propias configuraciones de estilo coexistan en la misma página sin ningún conflicto.
Detección automática de contenedores rodantes
En el pasado, los desarrolladores necesitaban especificar el contenedor de desplazamiento del editor al crear una instancia de Quill para que el cursor o la selección del usuario pudieran desplazarse a la vista cuando fuera necesario. Pero esta configuración a menudo se pasa por alto o se confunde, y el contenedor rodante se especifica incorrectamente o no se especifica en absoluto. Además, en aplicaciones y bases de código más grandes, no siempre es fácil encontrar el contenedor de desplazamiento adecuado para los componentes del editor reutilizables que pueden aparecer en diferentes contextos. En 2.0, Quill encuentra automáticamente el contenedor de desplazamiento correcto, lo que facilita su uso con texto de formato más largo y admite interacciones más complejas, como contenedores de desplazamiento anidados libremente y desplazamiento horizontal.
Usando evento de entrada
Una de las principales fortalezas de Quill es su modelo de documentos administrado internamente, que no depende del DOM como única fuente de verdad. Esto proporciona un mapeo de estados de texto enriquecido más cercano al modelo mental del desarrollador y admite una API de edición de texto más simple.
Quill hace esto escuchando los cambios DOM y normalizándolos nuevamente a su modelo de documento interno. Sin embargo, los navegadores pueden manejar las acciones del usuario de manera inconsistente o incorrecta, lo que genera cambios DOM incorrectos. Por ejemplo, cuando un usuario selecciona texto rojo y lo reemplaza escribiendo, el navegador a veces lo reemplaza con fontun elemento que tiene rojo en sus atributos style, aunque el editor usa spanel elemento para representar el color.
En Quill 2.0, utilice funciones de navegador modernas y comunes para activar InputEvents . Ahora, las acciones del usuario se capturan primero para actualizar el modelo de documento interno antes de que los cambios resultantes se sincronicen con el DOM. Este enfoque proporciona una experiencia de edición más consistente y confiable, especialmente para contenidos y formatos complejos. Actualmente, esta función se centra en las fuentes más problemáticas de interacciones de reemplazo de texto, con planes para un uso más amplio en el futuro.
La siguiente es una lista de la información principal de actualización para 2.0:
Mejoras importantes
-
Quill es ahora un paquete ESM válido para respaldar mejor el ecosistema (por ejemplo, empaquetadores) y la funcionalidad de agitación de árboles.
-
Soporte Quill anidado #3590
-
Método de entrada mejorado (IME) y soporte para corrector ortográfico #3807
-
Limpieza semántica del evento TEXT_CHANGE n.º 3778
-
Historial: Registro de selecciones en el módulo de historial #3823
-
Detectar automáticamente contenedores de desplazamiento #3840
-
Portapapeles: soporte mejorado para pegar desde Google Docs y Microsoft Word
Mejoras de rendimiento
-
Quill 2.0 incluye una serie de optimizaciones de rendimiento, la más importante de las cuales es la velocidad mejorada al renderizar grandes cantidades de contenido.
-
Mejorar el rendimiento de inserción #3815
-
Evite obtener conjuntos de selección si es posible #3538
-
No es necesario configurar el contenido cuando el contenedor está vacío #3539
Modernización del código
-
Migrar a TypeScript
-
Declaración oficial de TypeScript proporcionada
-
Migrar a Vitest para pruebas unitarias
-
Migre a Playwright para realizar pruebas de un extremo a otro
-
Migrar sitio web a Gatsby
Para obtener más detalles, consulte el anuncio oficial y la guía de migración 2.0: