Comment changer le fond de TinyMCE?

Je viens d'installer TinyMCE éditeur pour mon site. Mais l'arrière-plan par défaut est le noir et la couleur du texte est gris. Quelqu'un peut me dire comment changer le fond blanc et la couleur du texte noir.

source d'informationauteur asedra_le

Ou vous pouvez changer la couleur en utilisant js:

tinyMCE.init(
        mode : "textareas",
        theme : "simple",
        oninit : "postInitWork"
    });

function postInitWork()
{
  var editor = tinyMCE.getInstanceById('myEditorid');
  editor.getBody().style.backgroundColor = "#FFFF66";
}

9

Je vous conseille fortement d'utiliser la tinymce configuration de l'influence des styles dans tinymce, au lieu de jongler avec le noyau de fichiers css.

Il est le content_css de réglage qui vous permet de spécifier un fichier ccs qui va remplacer le comportement par défaut (css). C'est le chemin à parcourir. Vous pouvez utiliser le css de l'autre les réponses fournies.

Ajouter BODY_CLASS À init comme ceci:

<script type="text/javascript">
tinyMCE.init({
    mode: "textareas",
    theme: "advanced",
    theme_advanced_buttons1: "bold,italic,underline",
    theme_advanced_buttons2 : "",
    theme_advanced_buttons3 : "",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_statusbar_location : "bottom",
    theme_advanced_default_foreground_color: "#FFFFFF",
    body_class: "mceBlackBody"
});
</script>

À l'intérieur du contenu.css du thème, il suffit d'ajouter l'entrée suivante:

body.mceBlackBody {background:#000; color:#fff;}

Cela rendra le corps noir et le texte en blanc à l'intérieur de l'éditeur de

5

TinyMCE est probablement à l'aide de la principale feuille de style de votre site web. Et dans ce cas c'est avec texte en gris sur un fond noir.

Tout ce que vous devez faire est d'ajouter ce style principale de votre feuille de style:
```
body.mceContentBody { 
   background: #fff; 
   color:#000;
}
```
Et ensuite dur de vider votre cache ou de redémarrer la session pour que les TinyMCE va charger le CSS frais. Et puis, votre zone d'édition va maintenant montrer texte en noir (#000) sur le support blanc (#fff).
2

Ajoutant le code suivant à la thématique de la feuille de style a parfaitement fonctionné!
```
body.mceContentBody { 
   background: #fff; 
   color:#000;
}
```
Je tirait mes cheveux sur celui-ci-et croyez-moi, je n'ai pas de cheveux de rechange. 🙂 Merci!!!!
1

http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/editor_css

Sans connaître les détails de la configuration de votre site, je vais deviner que c'est en essayant de charger certains fichiers css. Regardez à travers la configuration de docs. Vous pourriez avoir besoin d'ajouter ou de modifier un peu de CSS (si c'est déjà le chargement de certaines).
1

A couru dans la même question il y a un moment et a constaté que mon problème a été causé parce que la peau (cirkuit) a !important; hack par rapport à l'écriture.
```
html, body {
    background: #FFFFFF !important;
    margin: 0;
    padding: 0;
}
```
1

Je voudrais vous suggérer de modifier le fichier css content.min.css situé dans votre répertoire de thème. Modifier la définition de
```
body{background-color:#595345;}
```
de quelque chose que votre souhait

Vous devez vous connecter pour publier un commentaire.