Fête ! KuroEditor v1.0.0 et 'Diversité de Mise en Page' vol.3
KuroEditor franchit la version 1.0.0. Au-delà des corrections de bugs, cette mise à jour apporte des évolutions comme la boîte flottante 'RoundBox' et des fonctions de tableau avancées.
Un bond de « fonctionne à peine » à « version officielle »
Cela fait quelques mois que le développement de KuroEditor a commencé. Après avoir déploré sa nécessité dans le vol. 1 et publié le mécanisme et la première version dans le vol. 2, j'ai atteint un point de non-retour. Désormais, le numéro de version a enfin franchi le cap du « 1.0.0 ». Plus de 200 améliorations mineures dans la branche 0.3.x ont abouti à cette version finale.
Dans cette mise à jour majeure, tout en conservant la philosophie de conception flexible de zéro dépendance à des bibliothèques et du pur Vanilla JS, j'ai introduit de « nouvelles fonctionnalités structurelles » qui améliorent considérablement la puissance d'expression de la rédaction de blogs. Il ne s'agit plus seulement d'un éditeur de texte ; il commence à prendre des allures d'outil de mise en page simple.
Point fort de la v1.0.0 : la boîte flottante « RoundBox »
L'ajout le plus important de la v1.0.0 est la « RoundBox » (kuro-roundbox), qui peut être placée librement. Auparavant difficile dans les éditeurs WYSIWYG, des mises en page telles que « placer des informations supplémentaires à côté du texte » ou « aligner des images et du texte côte à côte » peuvent désormais être réalisées d'un seul clic.
C'est bien plus qu'une simple boîte. En plus de spécifier la largeur, vous pouvez configurer le positionnement flottant (habillage) à gauche ou à droite, et il prend même en charge les structures imbriquées pour une décoration plus poussée à l'intérieur des boîtes. Techniquement, il intègre une logique permettant de calculer automatiquement les positions afin d'éviter les chevauchements entre le curseur/les menus contextuels et les boîtes, vous permettant ainsi de vous concentrer sur l'écriture sans stress, même dans les mises en page complexes.
Approfondissement des fonctionnalités de tableau : collage de CSV et ergonomie améliorée
Les fonctionnalités de tableau que j'avais mises en avant dans le vol. 2 ont encore évolué dans la v1.0.0. L'importation de données externes était une demande particulièrement forte.
Nouvelle fonctionnalité | Détails et avantages |
Collage CSV/TSV | Déployez instantanément dans un tableau les données copiées depuis Excel ou des feuilles de calcul. |
Alignement vertical | Positionnez le texte dans les cellules sur « Haut, Centre ou Bas ». |
Suppression en un clic | Un nouveau bouton pour supprimer l'intégralité du tableau, améliorant l'interface utilisateur pour réduire les erreurs. |
Nombre de caractères | Un compteur de caractères en temps réel au bas de l'éditeur. Étonnamment pratique. |
*Prend également en charge le copier-coller depuis Dropbox Paper ! lol
Interface soignée : logique anti-collision des menus
Avec l'ajout de fonctionnalités, l'interface utilisateur peut facilement s'encombrer. Cependant, la mission ultime de KuroEditor reste de « ne pas perturber l'écriture ». Pour cette mise à jour, j'ai repensé la logique anti-collision qui calcule dynamiquement les positions d'affichage afin que les différents menus flottants ne se chevauchent pas.
Par exemple, même dans les zones étroites où une RoundBox se trouve immédiatement sous un tableau, le menu apparaîtra de manière fluide à l'emplacement optimal. Pour concrétiser ce « comportement naturel », j'ai passé en revue des milliers de lignes de code. C'est le genre d'obsession du millimètre qui n'est possible que lorsqu'on n'utilise pas de frameworks.
L'avenir de KuroEditor
Avec la v1.0.0, les fondations de KuroEditor sont posées. Bien que les travaux futurs se concentrent sur la correction de bugs, je prévois de réduire régulièrement le volume de code. La philosophie sous-jacente d'un « Vanilla JS ultra-rapide, sans dépendance et fonctionnant partout » ne faiblira jamais.
KuroEditor continue d'évoluer aux côtés de KuroCMS. Avec cette mise à jour, je suis convaincu qu'il a atteint le plus haut niveau de fonctionnalité pour une bibliothèque à fichier unique. Si cela vous intéresse, n'hésitez pas à consulter le dépôt GitHub ou à tester vous-même son ergonomie fluide sur notre page de démonstration.
Sources