CodeSource 1.1 : Thème clair natif, compatibilité Windows et beautifier sécurisé
Quelques jours après la publication initiale de CodeSource pour TinyMCE 7 et Magix CMS 4, une première mise à jour d'étape est disponible : la version 1.1.
Fruit des premiers retours d'utilisation en environnement de production, cette mouture repense l'intégration visuelle de la modale d'édition, résout les anomalies d'affichage rencontrées sous Windows et fiabilise le formateur HTML automatique.
Une interface claire pour une intégration harmonieuse
Alors que la première version misait sur un thème sombre inspiré de OneDark, CodeSource 1.1 adopte désormais un thème clair à fort contraste avec une numérotation des lignes épurée. Ce choix offre une continuité visuelle naturelle avec l'environnement d'administration de Magix CMS 4 et de la majorité des back-offices web, évitant la rupture visuelle lors de l'ouverture de la fenêtre d'édition.
L'isolation par Shadow DOM reste au cœur de l'architecture, garantissant qu'aucune règle CSS externe ne vient perturber la coloration syntaxique.
Formatage HTML : protection stricte des blocs de code
Le moteur d'indentation automatique a été profondément remanié. Jusqu'ici, l'indentation systématique pouvait décaler vers la droite les balises préformatées ou créer des retraits excessifs lors de l'utilisation conjointe avec le plugin codesample.
Dans CodeSource 1.1, les blocs sensibles (<pre>, <code>, <script>, <style>, <textarea>) ainsi que les balises auto-fermantes SVG ou HTML5 (comme <path /> ou <source />) sont temporairement isolés avant le traitement. Le code inséré conserve rigoureusement son alignement d'origine, même après de multiples enregistrements.
Stabilité accrue : Windows, mode plein écran et ascenseur
L'intégration de la modale dans l'écosystème TinyMCE bénéficie d'un conteneur en positionnement absolu :
- Correction sous Windows : Suppression du débordement supérieur qui tronquait le haut de la fenêtre ou masquait l'en-tête en affichage plein écran.
- Défilement fluide : Rétablissement du scroll natif CodeMirror 6 pour parcourir aisément les pages volumineuses, sans blocage ni conflit avec la barre de défilement parente.
Changelog officiel v1.1
- UI / Thème : Remplacement de OneDark par un thème clair haute lisibilité et gouttières gris clair stylisées.
- Beautifier : Préservation intégrale des espaces et tabulations dans les balises
<pre>,<code>,codesample,<script>,<style>et<textarea>. - Syntaxe HTML/SVG : Prise en charge des balises auto-fermantes pour éliminer les indentations résiduelles.
- Affichage & Responsive : Refonte CSS du conteneur modal éliminant le bug de rognage vertical sous Windows et en plein écran.
- Comportement : Rétablissement de la barre de défilement interne CodeMirror sur les contenus longs.
Téléchargement et mise à jour
Pour mettre à jour votre installation, téléchargez la dernière archive sur le dépôt GitHub officiel :