Plugin MooTools pour la mise en forme de snippets

Voici mon premier plugin MooTools ! Il permet de formater très simplement les portions de code présentées au travers de ce blog. Son rôle est de mettre en forme dynamiquement les éléments qui contiennent des extraits de code. Prenons comme exemple la balise <code> dans laquelle se trouve un exemple de code PHP en texte brut.

<code>
<?php
function sayHello() {
    echo 'Hello, world !';
}
?>
</code>

Au chargement de la page, le plugin va appliquer une transformation à toutes les balises <code>, et ainsi produire un résultat qui ressemblera à ceci :

<?php
function sayHello() {
    echo 'Hello, world !';
}
?>

Pour mettre le plugin en place, il suffit de spécifier qu'au chargement de la page, la transformation devra s'appliquer à tous les éléments <code>. Bien évidemment, il est possible d'effectuer des sélections plus complexes grâce aux sélecteurs de MooTools.

<script type="text/javascript">
window.addEvent('domready', function(){
    new MooCode().applyTo($$('code'));
});
</script>

Et le tour est joué !

<<< Retour

Plugin MooTools pour la mise en forme de snippets

Réagir à cet article