TinyMCE 7 : Intégration native des icônes Bootstrap
L’optimisation de l’expérience de rédaction est essentielle dans la conception des systèmes de gestion de contenu. La recherche et l’intégration d’éléments visuels, tels que les icônes, peuvent souvent perturber le flux de travail des contributeurs en raison de la nécessité de jongler entre différentes documentations externes. Pour remédier à cela, un nouveau module de sélection d’icônes a été développé, initialement pour l’écosystème Magix CMS 4, et est désormais accessible à l’ensemble de la communauté des développeurs web.
Intégration des Bootstrap Icons
Ce plugin permet aux utilisateurs de parcourir, rechercher et insérer plus de 2000 icônes du catalogue Bootstrap Icons directement depuis l’éditeur de texte TinyMCE 7. Conçu pour être léger et autonome, il s’intègre aisément à diverses architectures web, qu’il s’agisse de solutions sur me, de WordPress ou de Magix CMS.
Caractéristiques techniques
Le développement du plugin a été guidé par des exigences strictes en matière de performance et de sécurité :
- Interface native (UI/UX) : Utilisation de l’API interne de TinyMCE pour garantir une interface cohérente avec les thèmes de l’éditeur.
- Mise à jour dynamique via PHP : Le plugin interroge automatiquement le dépôt officiel de Bootstrap Icons pour extraire et mettre en cache les classes pertinentes, assurant ainsi que le catalogue reste à jour sans nécessiter de maintenance.
- Lazy Rendering et recherche en temps réel : Optimisation du rendu visuel pour minimiser la charge mémoire du navigateur, permettant une recherche instantanée.
- Sécurité anti-duplication : Grâce à la délégation d’événements globale, la stabilité est assurée même sur des pages complexes avec plusieurs éditeurs.
- Support de l’internationalisation (i18n) : L’interface est entièrement traduisible via le système de paquets de langues de TinyMCE.
Disponibilité
Le plugin est désormais disponible sous la licence GPLv3. Le code source complet, ainsi que les instructions de configuration, peuvent être consultés sur le dépôt officiel.
Télécharger le code source sur GitHub
Source : Communiqué de presse de Magix CMS.
