I. Présentation▲
Sa syntaxe, basée sur la syntaxe CSS, est très simple à maîtriser et vous permettra d'écrire quelque chose comme cela :
div#page>div.logo+ul#navigation>li*5>a
Pour obtenir quelque chose comme cela :
<div id
=
"page"
>
<div class
=
"logo"
></div>
<ul id
=
"navigation"
>
<li><a href
=
""
></a></li>
<li><a href
=
""
></a></li>
<li><a href
=
""
></a></li>
<li><a href
=
""
></a></li>
<li><a href
=
""
></a></li>
</ul>
</div>
Le meilleur moyen de saisir l'étendue de ses capacités est d'en regarder la démonstration en vidéo :
Zen Coding
Pour une explication complète de Zen Coding, voici un article écrit par son créateur : Zen Coding: A Speedy Way To Write HTML/CSS Code.
Pour information, le portage de Zen Coding dans Notepad++ a été réalisé en Python au moyen du plugin Npp Python Script.
I-A. Utilisation▲
Les fonctionnalités de Zen Coding sont principalement accessibles par raccourcis clavier et par le menu Compléments → Zen Coding - Python.
La fonction principale, consistant à transformer la syntaxe tapée en une structure HTML complexe, doit être appelée lorsque le curseur d'édition est situé à proximité de la formule au moyen du raccourci Ctrl+Alt+Enter.
Remerciements▲
Cet article est publié avec l'aimable autorisation de Nicolas Liautaud.
L'article original peut être lu sur son blog : Notepad++, Zen Coding.