dans la ou les catégorie(s) : code

Les expressions régulières (regex) malgré leur aspect ingrat et rebutant, peuvent rendre de précieux services, même aux graphistes.
Présentes dans la plupart des langages (javascript, php…), on les retrouve aussi dans des logiciels comme Brackets ou InDesign.

Sous Brackets, elles s’activent dans le module « rechercher / remplacer » (qui s’appelle Remplacer) et en activant le bouton « .* » ; elles permettent de rechercher des motifs de chaîne de caractères. Un motif étant une suite de caractères correspondant à une certaine logique comme une date (xx-xx-xxxx), un numéro de téléphone, un mail…

Pour illustrer, supposons que mon texte comporte des années à quatre chiffres et que celle-ci seraient plus valorisées avec un style spécifique.


1999
2020
// devient //
<span class="year">1999</span>
<span class="year">2020</span>

On va utiliser une regex simplifiée.

\d signifie un chiffre (0, 1, 2, 3 à 9) 
\d\d signifie deux chiffres (00, 01, 02… 99) 
\d\d\d\d signifie quatre chiffres (0000 à 9999), c'est la regex pour une année à quatre chiffres.

Pour remplacer, il faut capturer avec des parenthèses, chaque capture s’appellera « $chiffre ».

(\d\d\d\d) sera stocké dans $1
(\d\d)-(\d\d) seront stockés dans $1 $2

champ 1 : (\d\d\d\d)
champ 2 : <span class="year">$1</span>

En pratique et images

Avant (n’oubliez pas le bouton .*)
brackets regex
Après
brackets regex

Pour aller plus loin :