{"id":71635,"date":"2021-03-18T07:00:00","date_gmt":"2021-03-18T14:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=71635"},"modified":"2025-05-26T08:00:29","modified_gmt":"2025-05-26T15:00:29","slug":"comment-rparer-le-texte-blanc-et-les-boutons-manquants-dans-lditeur-visuel-wordpress-5-tapes-fr","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/comment-rparer-le-texte-blanc-et-les-boutons-manquants-dans-lditeur-visuel-wordpress-5-tapes-fr\/","title":{"rendered":"Comment r\u00e9parer le texte blanc et les boutons manquants dans l\u2019\u00e9diteur visuel WordPress (5 \u00e9tapes)"},"content":{"rendered":"\n

Imagine cela : Tu te connectes \u00e0 ton tableau de bord WordPress<\/a><\/span> pour \u00e9crire un nouveau billet de blog. Tu lances l’\u00c9diteur Classique, seulement pour d\u00e9couvrir un probl\u00e8me. Tous les boutons de formatage sont absents, et le texte est blanc et impossible \u00e0 voir.<\/p>\n\n\n

Rencontrer cette erreur peut \u00eatre frustrant. Cela peut m\u00eame t’emp\u00eacher de travailler, te mettant potentiellement en retard. Heureusement, il existe plusieurs solutions \u00e0 ce probl\u00e8me.<\/p>\n\n\n

Dans cet article, nous allons examiner pr\u00e9cis\u00e9ment en quoi consiste cette erreur, puis te guider \u00e0 travers sa correction en cinq \u00e9tapes. Commenceons !<\/p>\n\n\n

Une Introduction \u00c0 L’Erreur De Texte Blanc Et De Boutons Manquants Dans L’\u00c9diteur Visuel WordPress<\/strong><\/h2>\n\n\n

Avant de nous pencher sur cette erreur, clarifions exactement ce que nous entendons par \u00ab \u00e9diteur visuel \u00bb. Cela fait r\u00e9f\u00e9rence \u00e0 l’\u00e9diteur bien format\u00e9 que tu utilises pour cr\u00e9er tes articles ou pages dans WordPress, que ce soit l’\u00e9diteur classique ou le plus r\u00e9cent \u00c9diteur de blocs<\/a><\/span>.<\/p>\n\n\n

L’erreur que nous traitons dans cet article se produit avec l’\u00e9diteur visuel lors de l’utilisation du plugin Classic Editor<\/a><\/span>.<\/p>\n\n

\n
\"L\u2019\u00e9diteur<\/figure><\/div>\n\n

Les boutons de formatage en haut disparaissent soudainement. De plus, le texte que tu \u00e9cris dans le champ de l’\u00e9diteur peut appara\u00eetre de la m\u00eame couleur que l’arri\u00e8re-plan, le rendant illisible.<\/p>\n\n\n

Cela rend l’utilisation de l’\u00e9diteur classique pratiquement impossible. Si tu comptes sur lui pour cr\u00e9er ton contenu de blog<\/a><\/span>, tu voudras r\u00e9soudre ce probl\u00e8me le plus rapidement possible. Heureusement, ce probl\u00e8me n’est pas difficile \u00e0 corriger.<\/p>\n\n\n

Que Faire Avant De Commencer Le D\u00e9pannage<\/span><\/h2>\n\n\n

Avant de commencer le d\u00e9pannage, nous recommandons de faire une sauvegarde de ton site. Si tu utilises DreamHost, nous rendons le processus de sauvegarde<\/a><\/span> incroyablement facile.<\/p>\n\n\n

Si tu utilises un autre fournisseur d’h\u00e9bergement, il propose probablement \u00e9galement une solution de sauvegarde. Tu peux consulter la documentation appropri\u00e9e pour des instructions. Tu peux aussi opter pour un plugin de sauvegarde WordPress tel que UpdraftPlus<\/a><\/span>.<\/p>\n\n\n\n\n\n\n\n

\"Ad<\/div>\n\n\n\n\n
\n \n \u00c9vite Le Stress Des Erreurs WordPress\n <\/h2>\n \n \u00c9vite le d\u00e9pannage lorsque tu t’inscris \u00e0 DreamPress. Nos experts WordPress amicaux sont disponibles 24\/7 pour aider \u00e0 r\u00e9soudre les probl\u00e8mes de site web \u2014 grands ou petits.\n <\/p>\n\n \n D\u00e9couvrir Les Offres <\/a>\n\n <\/div>\n<\/div>\n\n

Comment R\u00e9parer le Texte Blanc et les Boutons Manquants dans l’\u00c9diteur Visuel WordPress (En 5 \u00c9tapes)<\/span><\/h2>\n\n\n

Cette erreur est tr\u00e8s probablement soit un probl\u00e8me avec ton cache de navigateur, soit avec l’\u00e9diteur classique lui-m\u00eame \u2014 les deux pouvant \u00eatre facilement r\u00e9solus. Nous recommandons de suivre ces cinq \u00e9tapes dans l’ordre, et de ne passer \u00e0 la suivante que si tu rencontres toujours le probl\u00e8me.<\/p>\n\n\n

\u00c9tape 1 : Vider Le Cache De Ton Navigateur<\/span><\/h3>\n\n\n

La premi\u00e8re et la plus simple des m\u00e9thodes que tu peux essayer est de vider ton cache navigateur. Ton navigateur enregistre des versions des sites web que tu visites (y compris ton \u00e9diteur WordPress) pour acc\u00e9l\u00e9rer leur chargement.<\/p>\n\n\n

Si ton cache est corrompu ou a stock\u00e9 une version de la page avec des erreurs, il peut continuer \u00e0 charger la page endommag\u00e9e. Vider le cache oblige le navigateur \u00e0 charger une copie fra\u00eeche de l’\u00e9diteur, en esp\u00e9rant r\u00e9soudre le probl\u00e8me.<\/p>\n\n\n

Pour vider ton cache dans Google Chrome, clique sur l’ic\u00f4ne du menu \u00e0 trois points dans le coin sup\u00e9rieur droit, puis clique sur Param\u00e8tres<\/span>. Dans la section Confidentialit\u00e9 et s\u00e9curit\u00e9<\/span>, s\u00e9lectionne Effacer les donn\u00e9es de navigation<\/span>.<\/p>\n\n

\n
\"Options<\/figure><\/div>\n\n

Dans la fen\u00eatre pop-up, assure-toi que seulement Images et fichiers en cache<\/span> est s\u00e9lectionn\u00e9, puis clique sur Vider les donn\u00e9es<\/span>. 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<\/a><\/span>.<\/p>\n\n\n

\u00c9tape 2 : D\u00e9sactive Tous Tes Plugins WordPress<\/span><\/h3>\n\n\n

Ensuite, tu peux v\u00e9rifier si un plugin pourrait \u00eatre \u00e0 l’origine du probl\u00e8me. La meilleure fa\u00e7on de faire cela est de d\u00e9sactiver tous tes plugins (\u00e0 l’exception de l’\u00e9diteur classique), v\u00e9rifier si le probl\u00e8me est r\u00e9solu, puis les r\u00e9activer un par un jusqu’\u00e0 ce que l’erreur r\u00e9apparaisse.<\/p>\n\n\n

\u00c0 ce moment-l\u00e0, tu auras isol\u00e9 le plugin probl\u00e9matique. Ensuite, tu peux v\u00e9rifier les mises \u00e0 jour, chercher des alternatives, ou simplement le laisser d\u00e9sactiv\u00e9 s’il s’agit d’un plugin dont tu n’as pas besoin.<\/p>\n\n\n

Pour d\u00e9sactiver tes plugins WordPress, rends-toi sur le tableau de bord et navigue jusqu’\u00e0 Plugins > Installed Plugins<\/span>.<\/p>\n\n\n

\"\"<\/figure>\n\n\n

Cocher la case \u00e0 c\u00f4t\u00e9 de tous les plugins sauf pour le Classic Editor. Dans la bo\u00eete Actions en masse<\/span>, tu peux choisir D\u00e9sactiver<\/span> et cliquer sur Appliquer.<\/span> Ensuite, recharge l’\u00e9diteur WordPress et v\u00e9rifie que tout fonctionne correctement.<\/p>\n\n\n

Si la d\u00e9sactivation de tes plugins <\/span>a r\u00e9solu l’erreur, ta prochaine \u00e9tape est d’isoler le plugin qui en \u00e9tait la cause. Tu peux parcourir la liste un par un et cliquer sur le bouton Activer<\/span> sous le nom du plugin. Apr\u00e8s chaque r\u00e9activation, v\u00e9rifie si l’erreur r\u00e9appara\u00eet. Sinon, tu peux continuer jusqu’\u00e0 ce que tu trouves le plugin probl\u00e9matique.<\/p>\n\n\n\n\n

\n\tRelated Article<\/span>\n\t
\n\t\t
\n\t\t\t18 Pro Tips for Choosing the Perfect WordPress Theme\n\t\t<\/div>\n\t\t\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n

\u00c9tape 3 : Remplacer le Dossier TinyMCE<\/span><\/h3>\n\n\n

TinyMCE<\/a><\/span> est le nom technique de l’\u00e9diteur classique WordPress. C\u2019est un \u00e9diteur open-source qui est utilis\u00e9 par plusieurs plateformes, en plus de WordPress.<\/p>\n\n\n

Un probl\u00e8me avec les fichiers TinyMCE peut faire dispara\u00eetre les boutons de l’\u00e9diteur. Pour r\u00e9soudre cela, tu peux remplacer le dossier par une copie fra\u00eeche.<\/p>\n\n\n

Tout d’abord, t\u00e9l\u00e9charge la version de WordPress<\/a><\/span> que ton site utilise. Tu peux trouver le num\u00e9ro de la version actuelle en v\u00e9rifiant le coin inf\u00e9rieur droit de n’importe quelle page dans ton tableau de bord WordPress.<\/p>\n\n

\n
\"La<\/figure><\/div>\n\n

Ouvre le fichier zip WordPress et d\u00e9place le dossier TinyMCE ailleurs, comme sur ton bureau. Il se trouve \u00e0 wp-includes\/js\/tinymce<\/span>.<\/p>\n\n\n

Enfin, tu devras acc\u00e9der au syst\u00e8me de fichiers de ton site WordPress et remplacer l’ancien dossier par le nouveau. Rends-toi sur ton compte DreamPress (voir l’\u00e9tape 1 pour les instructions). Dans la section D\u00e9tails<\/span>, clique sur G\u00e9rer les fichiers<\/span> pour ouvrir l’explorateur de fichiers DreamHost.<\/p>\n\n

\n
\"Le<\/figure><\/div>\n\n

Si tu n’es pas client de DreamHost, tu peux \u00e9galement acc\u00e9der \u00e0 ton site via le Protocole de Transfert de Fichiers S\u00e9curis\u00e9 (SFTP)<\/a><\/span>. Navigue jusqu’\u00e0 wp-includes\/js<\/span> et t\u00e9l\u00e9charge la nouvelle copie du dossier TinyMCE en utilisant le bouton \u00ab fl\u00e8che vers le haut \u00bb en bas \u00e0 gauche. Tu peux ensuite rafra\u00eechir ton tableau de bord WordPress et v\u00e9rifier \u00e0 nouveau l’\u00e9diteur.<\/p>\n\n\n

\u00c9tape 4 : Modifier le fichier wp-config.php<\/span> <\/strong><\/h3>\n\n\n

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

Le fichier wp-config.php <\/span>se trouve dans le r\u00e9pertoire racine de ton site. Ajoute simplement la ligne de code<\/a><\/span> suivante au d\u00e9but du fichier, juste apr\u00e8s la balise d\u2019ouverture <php><\/span> :<\/p>\n\n\n

define(\u2018CONCATENATE_SCRIPTS\u2019,false);<\/pre>\n\n\n
Voici \u00e0 quoi devrait ressembler ton code :<\/p>\n\n
\n
\"Le<\/figure><\/div>\n\n
Quand tu as termin\u00e9, sauvegarde le fichier, rafra\u00eechis ton site et essaie de charger \u00e0 nouveau l’\u00e9diteur visuel. Si tu vois toujours le message d’erreur, passe \u00e0 la derni\u00e8re \u00e9tape.<\/p>\n\n\n
\u00c9tape 5 : Installe le Advanced Editor Tools<\/a><\/span> Plugin<\/strong><\/h3>\n\n\n
Auparavant connu sous le nom de TinyMCE Advanced, le plugin Advanced Editor Tools<\/a><\/span> est une version du script TinyMCE qui offre des fonctionnalit\u00e9s suppl\u00e9mentaires.<\/p>\n\n
\n
\"Le<\/figure><\/div>\n\n
Essentiellement, cela te fournit un hybride de l’\u00e9diteur TinyMCE et de l’\u00e9diteur de blocs. De plus, c\u2019est gratuit \u00e0 t\u00e9l\u00e9charger et \u00e0 utiliser.<\/p>\n\n\n
Apr\u00e8s l’avoir install\u00e9 et activ\u00e9, tu peux trouver les param\u00e8tres en naviguant vers Param\u00e8tres > Outils \u00c9diteur Avanc\u00e9s<\/span>.<\/p>\n\n
\n
\"Les<\/figure><\/div>\n\n
Une fois activ\u00e9 et apr\u00e8s avoir configur\u00e9 les param\u00e8tres \u00e0 ton go\u00fbt, rafra\u00eechis ton site WordPress. Maintenant, lorsque tu acc\u00e8des \u00e0 un nouveau post ou \u00e0 une nouvelle page WordPress, tu devrais voir que les boutons pr\u00e9c\u00e9demment manquants apparaissent dans ton \u00e9diteur visuel.<\/p>\n\n\n
Ressources Suppl\u00e9mentaires Sur Les Probl\u00e8mes WordPress<\/strong><\/h2>\n\n\n
Veux-tu en savoir plus sur la correction des erreurs courantes de WordPress<\/a><\/span> ? Nous avons rassembl\u00e9 plusieurs guides pour t’aider.<\/p>\n\n\n