WordPress a la capacité de formater automatiquement le code dans l’éditeur de texte pour mieux s’adapter aux messages et aux pages. Malheureusement, le formatage automatique peut causer des problèmes et casser les bouts de code. Cependant, vous pouvez empêcher WordPress de formater le HTML assez facilement.
Cela vous permettra d’utiliser des extraits de code sans que WordPress n’essaie de les convertir. Et selon l’extrait de code, cela pourrait éviter bien des ennuis.
Dans ce tutoriel, je vais vous montrer comment empêcher facilement TinyMCE de changer le HTML dans WordPress. Cela se concentrera plus sur l’éditeur WYSIWYG et comment vous pouvez utiliser un codage exact dans le système de texte pour afficher sur des messages ou des pages.
Utilisation de l’éditeur HTML Syntax Highlighter
Aujourd’hui, je vais vous montrer un peu ce que vous pouvez faire avec le surligneur de syntaxe de l’éditeur HTML. Il s’agit d’un plugin qui vous permettra de contrôler le codage des messages et des pages grâce à l’éditeur de texte de WordPress WYSIWYG.
Il est également doté de diverses options de personnalisation, dont l’auto-complétion lors de la saisie du code.
Installez et activez, “HTML Editor Syntax Highlighter”.
Lors de l’activation, le plugin convertira automatiquement l’éditeur de texte pour permettre un codage non formaté.
Voyons ce que fait cet outil.
Créer un nouveau poste ou ouvrir un article existant.
Allez à l’éditeur “Texte” de WordPress. Il peut s’ouvrir par défaut en fonction de la façon dont vous créez le contenu de votre site web.
Par défaut, vous verrez un écran noir prêt pour le codage. C’est la forme brute de ce à quoi ressemble votre poste. Le plugin empêchera WordPress de modifier tout code que vous placerez dans cette section.
Changement d’options dans l’éditeur
Vous remarquerez une icône représentant un engrenage en haut à droite de l’écran de montage. C’est là que vous trouverez les paramètres et les options du surligneur de syntaxe de l’éditeur HTML.
Cliquez sur l’icône de l’engrenage dans le coin supérieur droit.
Il s’étendra pour montrer une variété de paramètres que vous pouvez modifier. Par exemple, vous pouvez utiliser la liste déroulante pour changer le thème de l’éditeur et la façon dont il vous apparaît.
Vous pouvez également modifier la hauteur de ligne par défaut, la taille de la police, si vous souhaitez afficher le système de numérotation des lignes de code ou le fonctionnement du saut de ligne.
Il s’agit de paramètres totalement facultatifs que vous pouvez déterminer en fonction de ce que vous souhaitez voir et développer.
Cependant, examinons certaines des options de fonctionnalité du plugin.
Cliquez sur le lien “plus…” dans la barre de paramètres.
Dans les options avancées, vous pouvez choisir de mettre en évidence certaines parties de votre code ou des correspondances de sélection en fonction du mot utilisé. Vous pouvez également activer la fonction d’auto-complétion qui remplira les balises de fermeture ou les parenthèses lors de la saisie du code.
Pour sélectionner une option, cliquez sur la case à cocher à côté de la fonction pour l’activer.
Cliquez sur l’icône “X” pour fermer l’écran d’options.
Cela vous ramènera à l’éditeur WordPress et à l’écran HTML.
Empêcher WordPress de changer de code
Pour ceux qui ont moins de compétences en HTML, la capacité d’auto-formatage de WordPress est utile. Cependant, certaines personnes plus expérimentées peuvent se sentir frustrées lorsque le système tente de corriger des éléments.
Avec des plugins comme celui-ci, vous pouvez empêcher WordPress de formater le HTML afin que votre code fonctionne exactement comme prévu.
À quelle fréquence ajoutez-vous des éléments HTML à vos messages et à vos pages ? Préférez-vous développer vos messages et vos pages avec un éditeur visuel ou textuel ?