Changer la couleur de texte dans la boîte éditeur

Bonjour, nous nous retrouvons pour une toute nouvelle astuce, testé et approuvé.
Parfois, en fonction de certaines couleurs de votre design, vous vous sentez obligés de mettre une couleur bien plus claire dans la partie "Couleur de zone de saisie", sinon la couleur du texte ne se voit pas. Par exemple, vous auriez préféré, sur un thème en noir, mettre la couleur correspondre, mais misère, la couleur du texte étant noire elle aussi, alors on n'y voit strictement rien. Et ça devient casse-pied. Pas de panique, nous avons trouvé la solution à ce problème, fini de devoir choisir une couleur plus claire. Nous allons tout simplement modifier cela en changeant simplement la couleur du texte dans la zone de saisie. Comment faire ? Suivez le guide les amis !

Rendez vous dans Panneau d'Administration -> Modules -> Javascript puis créer un Nouveau javascript, donner pour titre Couleur Texte Area", cocher Sur toutes les pages puis copier-coller ce morceau de code dans le javascript, n'oubliez pas de cliquer sur Valider

Code:

$(function(){ $(function() {
          $('.sceditor-container iframe').contents().find('head').append('<style type="text/css">
body, p {
  
    color:#518D85;
}
</style>')
        })});

Comme vous pouvez le constater, dans ce code vous aurez directement la possibilité de changer la couleur grâce à ce petit bout de codage : "color:#518D85;"

Mais ce n'est pas fini, maintenant nous allons devoir y mettre un petit bout de CSS pour le bien du fonctionnement de ce javascript. Pour ce faire :

Rendez-vous dans Affichage" -> Couleurs -> Feuille de style CSS, puis copier-coller le petit CSS à la suite de tout vos autres CSS :

Code:

/**********************TEXTE AREA*********************/
 .sceditor-container textarea{color:#518D85 !important;}
/*****************FIN GTEXTE AREA***************/

De même que dans le code du javascript, remettez la couleur de votre texte dans ce petit bout de CSS : "color:#518D85 !important;"

N'oubliez pas de cliquer sur Valider et le tour est joué

Exemple en image :
AVANT : obligation de mettre une couleur de fond claire car le texte reste de couleur "noire"

APRES : fond de la zone de texte foncée, mais la couleur du texte est devenue plus claire :