¡Celebrando! Hito de KuroEditor v1.0.0 y 'Diversidad de Diseño' vol.3
KuroEditor alcanza la versión 1.0.0. Además de corregir errores, esta versión incluye mejoras prácticas como la caja flotante 'RoundBox' y funciones avanzadas para tablas.
Un salto de 'apenas funciona' a 'lanzamiento oficial'
Han pasado unos meses desde que comenzó el desarrollo de KuroEditor. Después de lamentar la necesidad en el vol.1 y lanzar el mecanismo y la primera versión en el vol.2, llegué a un punto de no retorno. Ahora, el número de versión finalmente ha alcanzado el hito '1.0.0'. Más de 200 mejoras menores en el rango 0.3.x han culminado en esta forma final.
En esta actualización importante, manteniendo la filosofía de diseño flexible de cero dependencias de bibliotecas y Vanilla JS puro, he introducido 'nuevas características estructurales' que mejoran drásticamente el poder expresivo de la escritura de blogs. Ya no es solo un editor de texto; está empezando a adoptar aspectos de una herramienta de diseño simple.
Destacado de v1.0.0: Caja flotante 'RoundBox'
La mayor incorporación en v1.0.0 es la 'RoundBox' (kuro-roundbox), que se puede colocar libremente. Anteriormente difícil en editores WYSIWYG, ahora se pueden lograr diseños como 'colocar información complementaria junto al texto' o 'alinear imágenes y texto lado a lado' con un solo botón.
Es más que una simple caja. Además de especificar el ancho, puede configurar el flotado (envoltura) a la izquierda o a la derecha, e incluso admite estructuras anidadas para mayor decoración dentro de las cajas. Técnicamente, incluye lógica para calcular automáticamente las posiciones para evitar la superposición entre el cursor/menús emergentes y las cajas, lo que le permite concentrarse en escribir sin estrés incluso en diseños complejos.
Profundizando en las funciones de tabla: Pegado de CSV y usabilidad mejorada
Las funciones de tabla que destaqué en el vol.2 han evolucionado aún más en v1.0.0. Una solicitud particularmente grande fue la importación de datos externos.
Nueva función | Detalles y beneficios |
Pegar CSV/TSV | Expanda instantáneamente datos copiados de Excel o hojas de cálculo en una tabla. |
Alineación vertical | Posicione el texto dentro de las celdas en la parte 'Superior, Central o Inferior'. |
Eliminar con un clic | Un nuevo botón para eliminar la tabla completa, mejorando la interfaz de usuario para reducir errores. |
Recuento de caracteres | Una etiqueta de recuento de caracteres en tiempo real en la parte inferior del editor. Sorprendentemente útil. |
*¡También admite copiar y pegar desde Dropbox Paper! jaja
Interfaz de usuario meticulosa: Lógica para evitar colisiones de menús
Con más funciones, la interfaz de usuario puede desordenarse fácilmente. Sin embargo, la misión última de KuroEditor es 'no perturbar la escritura'. Para esta actualización, he renovado la 'evitación de superposición' que calcula dinámicamente las posiciones de visualización para que varios menús flotantes no se superpongan.
Por ejemplo, incluso en áreas estrechas donde hay una RoundBox inmediatamente debajo de una tabla, el menú aparecerá 'instantáneamente' en la ubicación óptima. Para hacer realidad este 'comportamiento obvio', revisé miles de líneas de lógica. Este es el tipo de obsesión milimétrica posible solo cuando no se usan frameworks.
El futuro de KuroEditor
Con v1.0.0, la base de KuroEditor está completa. Aunque el trabajo futuro se centrará en la corrección de errores, planeo reducir constantemente el volumen de código. La filosofía subyacente de 'Vanilla JS ultrarrápido, cero dependencias y ejecución en cualquier lugar' nunca flaqueará.
KuroEditor continúa evolucionando junto con KuroCMS. Con esta actualización, confío en que ha alcanzado el nivel más alto de funcionalidad para una biblioteca de un solo archivo. Si está interesado, consulte el repositorio de GitHub o experimente la sensación 'fluida' por sí mismo en nuestra página de muestra.
Fuentes