Codemirror est un bibliothèque javascript qui permet de créer un éditeur de code pour un site Web. Il fonctionne avec des modes qui correspondent à des modules écrits pour gérer les différents langages de programmation. Si un mode a été écrit pour le langage que vous comptez utiliser, vous pourrez disposer de la coloration syntaxique, de l’indentation…

Voici quelques modes parmi les nombreux disponibles :

• C, Java, C#, and similar
• CoffeeScript
• RPM spec and changelog
• Php
• Ruby
• …

Le projet est géré via Git, et vous pouvez cloner le dépôt :



Concernant la documentation, elle disponible sous forme d’un manuel et comme le dit son créateur le code reste la meilleure documentation car il est bien commenté.

Le site dispose de nombreuses démos mais en voici une par exemple qui permet de prévisualiser le rendu d’un code en html5.

La bibliothèque accepte également des extensions qui permettent d’étendre les fonctionnalités comme dialog.js qui permet d’ouvrir un champ pour attendre la saisie par l’utilisateur, search.js qui permet d’effectuer une recherche parmi le code contenu par l’implémentation, … le tout à chaque fois agrémenter de démos. Comme je vous le disait en introduction de ce billet, le projet n’est qu’un conteneur, un autre projet qui se sert de celui-ci, appelé Codemirror UI permet d’y inclure une interface plus agréable incluant des fonctionnalités accessibles via une barre de boutons :



Bonne implémentation !