Codesource propulse l'édition de code dans TinyMCE 7 et Magix CMS 4

L’édition de code source dans les éditeurs WYSIWYG a longtemps été le parent pauvre de l’expérience utilisateur. Par défaut, la modale intégrée à TinyMCE se contente d'afficher un simple champ de texte brut, sans relief ni aide visuelle. Face au manque d'extensions maintenues et compatibles avec l'architecture moderne de TinyMCE 7, Aurélien Gérits annonce la publication officielle en Open Source du plugin CodeSource, propulsé par CodeMirror 6.

Développé initialement pour enrichir le cœur du futur Magix CMS 4, ce plugin autonome est dès aujourd'hui mis à disposition de la communauté sous licence libre (GPLv3).

Une expérience développeur repensée

CodeSource transforme la fenêtre de code source de TinyMCE en un environnement de développement digne d'un IDE moderne, fluide et immédiatement lisible.

• Moteur CodeMirror 6 : Une refonte complète basée sur la dernière génération de CodeMirror, garantissant une exécution ultra-rapide, un poids plume en production et zéro dépendance superflue.

• Isolation par Shadow DOM : Pour contourner les conflits classiques où le framework CSS de TinyMCE écrase les styles syntaxiques, CodeSource encapsule l'éditeur dans un Shadow DOM hermétique. Le thème sombre OneDark s'affiche ainsi fidèlement, quelles que soient les règles appliquées par l'interface d'administration.

• Auto-Beautifier HTML : TinyMCE génère nativement un flux HTML souvent condensé ou minifié. Codesource analyse et indente automatiquement la structure des balises à l'ouverture pour une lisibilité instantanée.

• Moteur de recherche & remplacement : Un bouton dédié dans la barre d'outils de la modale (doublé des raccourcis clavier natifs Ctrl + F / Cmd + F) déploie un outil complet de recherche, de sélection d'occurrences et de remplacement de code.

• Zéro configuration serveur : Le plugin s'exécute entièrement côté client et ne requiert aucun runtime Node.js sur votre serveur d'hébergement.

Intégré au cœur de Magix CMS 4

Dans le cadre du développement de Magix CMS 4 (optimisé pour PHP 8.2+), l'accent est mis sur le confort d'intégration, la modularité et les performances. Codesource équipera en natif l'ensemble des modules d'administration du CMS, offrant aux intégrateurs et administrateurs un confort absolu pour intervenir sur les balises de leurs pages, actualités et gabarits sans risquer d'erreur de syntaxe.

Le plugin est également installable sur n'importe quel projet web tiers utilisant TinyMCE 7.

Dépot du projet : https://github.com/gtraxx/tinymce-codesource