Comment réparer le texte blanc et les boutons manquants dans l’éditeur visuel WordPress (5 étapes)

Imagine cela : Tu te connectes à ton tableau de bord WordPress pour écrire un nouveau billet de blog. Tu lances l’Éditeur Classique, seulement pour découvrir un problème. Tous les boutons de formatage sont absents, et le texte est blanc et impossible à voir.

Rencontrer cette erreur peut être frustrant. Cela peut même t’empêcher de travailler, te mettant potentiellement en retard. Heureusement, il existe plusieurs solutions à ce problème.

Dans cet article, nous allons examiner précisément en quoi consiste cette erreur, puis te guider à travers sa correction en cinq étapes. Commenceons !

Une Introduction À L’Erreur De Texte Blanc Et De Boutons Manquants Dans L’Éditeur Visuel WordPress

Avant de nous pencher sur cette erreur, clarifions exactement ce que nous entendons par « éditeur visuel ». Cela fait référence à l’éditeur bien formaté que tu utilises pour créer tes articles ou pages dans WordPress, que ce soit l’éditeur classique ou le plus récent Éditeur de blocs.

L’erreur que nous traitons dans cet article se produit avec l’éditeur visuel lors de l’utilisation du plugin Classic Editor.

Les boutons de formatage en haut disparaissent soudainement. De plus, le texte que tu écris dans le champ de l’éditeur peut apparaître de la même couleur que l’arrière-plan, le rendant illisible.

Cela rend l’utilisation de l’éditeur classique pratiquement impossible. Si tu comptes sur lui pour créer ton contenu de blog, tu voudras résoudre ce problème le plus rapidement possible. Heureusement, ce problème n’est pas difficile à corriger.

Que Faire Avant De Commencer Le Dépannage

Avant de commencer le dépannage, nous recommandons de faire une sauvegarde de ton site. Si tu utilises DreamHost, nous rendons le processus de sauvegarde incroyablement facile.

Si tu utilises un autre fournisseur d’hébergement, il propose probablement également une solution de sauvegarde. Tu peux consulter la documentation appropriée pour des instructions. Tu peux aussi opter pour un plugin de sauvegarde WordPress tel que UpdraftPlus.

Comment Réparer le Texte Blanc et les Boutons Manquants dans l’Éditeur Visuel WordPress (En 5 Étapes)

Cette erreur est très probablement soit un problème avec ton cache de navigateur, soit avec l’éditeur classique lui-même — les deux pouvant être facilement résolus. Nous recommandons de suivre ces cinq étapes dans l’ordre, et de ne passer à la suivante que si tu rencontres toujours le problème.

Étape 1 : Vider Le Cache De Ton Navigateur

La première et la plus simple des méthodes que tu peux essayer est de vider ton cache navigateur. Ton navigateur enregistre des versions des sites web que tu visites (y compris ton éditeur WordPress) pour accélérer leur chargement.

Si ton cache est corrompu ou a stocké une version de la page avec des erreurs, il peut continuer à charger la page endommagée. Vider le cache oblige le navigateur à charger une copie fraîche de l’éditeur, en espérant résoudre le problème.

Pour vider ton cache dans Google Chrome, clique sur l’icône du menu à trois points dans le coin supérieur droit, puis clique sur Paramètres. Dans la section Confidentialité et sécurité, sélectionne Effacer les données de navigation.

Dans la fenêtre pop-up, assure-toi que seulement Images et fichiers en cache est sélectionné, puis clique sur Vider les données. Si tu n’utilises pas Chrome ou si tu souhaites plus de conseils, tu peux consulter notre guide sur le vidage du cache de ton navigateur.

Étape 2 : Désactive Tous Tes Plugins WordPress

Ensuite, tu peux vérifier si un plugin pourrait être à l’origine du problème. La meilleure façon de faire cela est de désactiver tous tes plugins (à l’exception de l’éditeur classique), vérifier si le problème est résolu, puis les réactiver un par un jusqu’à ce que l’erreur réapparaisse.

À ce moment-là, tu auras isolé le plugin problématique. Ensuite, tu peux vérifier les mises à jour, chercher des alternatives, ou simplement le laisser désactivé s’il s’agit d’un plugin dont tu n’as pas besoin.

Pour désactiver tes plugins WordPress, rends-toi sur le tableau de bord et navigue jusqu’à Plugins > Installed Plugins.

Cocher la case à côté de tous les plugins sauf pour le Classic Editor. Dans la boîte Actions en masse, tu peux choisir Désactiver et cliquer sur Appliquer. Ensuite, recharge l’éditeur WordPress et vérifie que tout fonctionne correctement.

Si la désactivation de tes plugins a résolu l’erreur, ta prochaine étape est d’isoler le plugin qui en était la cause. Tu peux parcourir la liste un par un et cliquer sur le bouton Activer sous le nom du plugin. Après chaque réactivation, vérifie si l’erreur réapparaît. Sinon, tu peux continuer jusqu’à ce que tu trouves le plugin problématique.

Étape 3 : Remplacer le Dossier TinyMCE

TinyMCE est le nom technique de l’éditeur classique WordPress. C’est un éditeur open-source qui est utilisé par plusieurs plateformes, en plus de WordPress.

Un problème avec les fichiers TinyMCE peut faire disparaître les boutons de l’éditeur. Pour résoudre cela, tu peux remplacer le dossier par une copie fraîche.

Tout d’abord, télécharge la version de WordPress que ton site utilise. Tu peux trouver le numéro de la version actuelle en vérifiant le coin inférieur droit de n’importe quelle page dans ton tableau de bord WordPress.

Ouvre le fichier zip WordPress et déplace le dossier TinyMCE ailleurs, comme sur ton bureau. Il se trouve à wp-includes/js/tinymce.

Enfin, tu devras accéder au système de fichiers de ton site WordPress et remplacer l’ancien dossier par le nouveau. Rends-toi sur ton compte DreamPress (voir l’étape 1 pour les instructions). Dans la section Détails, clique sur Gérer les fichiers pour ouvrir l’explorateur de fichiers DreamHost.

Si tu n’es pas client de DreamHost, tu peux également accéder à ton site via le Protocole de Transfert de Fichiers Sécurisé (SFTP). Navigue jusqu’à wp-includes/js et télécharge la nouvelle copie du dossier TinyMCE en utilisant le bouton « flèche vers le haut » en bas à gauche. Tu peux ensuite rafraîchir ton tableau de bord WordPress et vérifier à nouveau l’éditeur.

Étape 4 : Modifier le fichier wp-config.php 

Si les corrections ci-dessus n’ont pas fonctionné, tu peux essayer de modifier ton fichier wp-config.php pour forcer WordPress à charger les scripts individuellement. Pour ce faire, commence par ouvrir ton site WordPress dans le gestionnaire de fichiers DreamHost ou via SFTP, comme indiqué ci-dessus.

Le fichier wp-config.php se trouve dans le répertoire racine de ton site. Ajoute simplement la ligne de code suivante au début du fichier, juste après la balise d’ouverture <php> :

define(‘CONCATENATE_SCRIPTS’,false);

Voici à quoi devrait ressembler ton code :

Quand tu as terminé, sauvegarde le fichier, rafraîchis ton site et essaie de charger à nouveau l’éditeur visuel. Si tu vois toujours le message d’erreur, passe à la dernière étape.

Étape 5 : Installe le Advanced Editor Tools Plugin

Auparavant connu sous le nom de TinyMCE Advanced, le plugin Advanced Editor Tools est une version du script TinyMCE qui offre des fonctionnalités supplémentaires.

Essentiellement, cela te fournit un hybride de l’éditeur TinyMCE et de l’éditeur de blocs. De plus, c’est gratuit à télécharger et à utiliser.

Après l’avoir installé et activé, tu peux trouver les paramètres en naviguant vers Paramètres > Outils Éditeur Avancés.

Une fois activé et après avoir configuré les paramètres à ton goût, rafraîchis ton site WordPress. Maintenant, lorsque tu accèdes à un nouveau post ou à une nouvelle page WordPress, tu devrais voir que les boutons précédemment manquants apparaissent dans ton éditeur visuel.

Ressources Supplémentaires Sur Les Problèmes WordPress

Veux-tu en savoir plus sur la correction des erreurs courantes de WordPress ? Nous avons rassemblé plusieurs guides pour t’aider.

• Comment Réparer l’Erreur Serveur Interne 500 dans WordPress
• Comment Réparer les Erreurs de Syntaxe dans WordPress
• Comment Réparer le Problème d’Emails Non Envoyés par WordPress
• Comment Réparer l’Erreur de Connexion à la Base de Données dans WordPress
• Comment Réparer l’Erreur 404 Non Trouvé dans WordPress
• Comment Réparer l’Erreur de la Barre Latérale Sous le Contenu dans WordPress (En 3 Étapes)

Problème De L’éditeur Visuel WordPress, Résolu

Si ton éditeur WordPress rencontre des problèmes, comme du texte blanc illisible ou des boutons qui disparaissent, ne t’inquiète pas. Comme beaucoup d’erreurs WordPress, celle-ci est relativement simple à résoudre, et il existe plusieurs méthodes que tu peux essayer.

Comme nous l’avons discuté, tu peux suivre ces cinq étapes pour résoudre l’erreur de texte blanc et de boutons manquants dans l’éditeur WordPress :

1. Vide ton cache de navigateur.
2. Désactive tes Plugins WordPress.
3. Remplace le dossier TinyMCE par une copie neuve.
4. Modifie ton fichier wp-config.php.
5. Installe le plugin Outils d’Éditeur Avancés.

Si tu veux faciliter le dépannage, envisage d’utiliser DreamPress, notre solution d’hébergement WordPress géré. Avec DreamPress, nous nous occupons des problèmes pour toi, ainsi tu peux te concentrer sur ce qui compte.