Jusqu'à très récemment, il m'était tout à fait possible d'avoir des caractères accentués dans des blocs de texte sous WordPress en utilisant le plugin Crayon Syntax Highlighter pour coloriser le code.

crayon-syntax-highlighter

Or depuis quelques temps tous les blocs en lang="text" ne permettent plus d'afficher les accents : je me retrouve avec des mots tronqués comme si le texte n'était pas encodé en UTF-8.

Problème : des caractères non-Unicode

Voici ce que donne la phrase "j'ai mangé une tarte à la crème à Noël" avec une colorisation par défaut avec Crayon Syntax Highlighter :

J'ai mangé une tarte à la crème à Noël.

Gloups! C'est totalement illisible, les accents deviennent un caractère mal encodé et certaines lettres adjacentes sont littéralement supprimées. Pas glop.

Solution : créer un alias

La solution que je propose est plus une rustine d'appoint qu'une véritable solution.

Je pense que le problème réside dans l'expression régulière des langages du plugin : certains langages (shell par exemple) n'acceptent pas les accents alors que d'autres (HTML par exemple) oui.

Je me suis rendu compte en changeant la langue du bloc que le langage batch affichait correctement les accents.

Comme je n'allais pas éditer tous mes articles pour changer le langage des blocs texte que j'ai utilisé jusqu'à maintenant, j'ai opté pour la création d'un alias.

1. On édite le fichier crayon-syntax-highlighter/langs/aliases.txt:

nano  crayon-syntax-highlighter/langs/aliases.txt

2. On ajouter la ligne suivante à la fin du fichier:

batch text

Cela crée un alias text qui va suivre les modalités de colorisation du code batch. Il faut mettre en premier le langage existant et à la suite les alias que l'on souhaite créer.

A lire :  User Online Reloaded

Conclusion

L'effet est immédiat, les accents reviennent immédiatement :

J'ai mangé une tarte à la crème à Noël.

C'est une rustine mais l'essentiel était pour moi de retrouver une certaine lisibilité dans mes articles techniques!

Pour développer votre projet WordPress ou Woocommerce, faites appel à mon expertise pour réaliser un site rapide, performant et fonctionnel.

Je soumets mon projet

Si vous avez trouvé une faute d’orthographe, informez-nous en sélectionnant le texte en question et en appuyant sur Ctrl + Entrée s’il vous plaît.

Articles en rapport:

WordPress : afficher les accents dans des blocs texte colorisés par Crayon Syntax Highlighter

par Matt Lecture: 2 min
0

Pin It on Pinterest

Share This

Spelling error report

The following text will be sent to our editors: