Come modificare lo sfondo di TinyMCE?

Ho appena installato l'editor TinyMCE per il mio sito web. Ma lo sfondo predefinito è nero e il colore del testo è grigio. Qualcuno può dirmi come cambiare lo sfondo in bianco e il colore del testo in nero.Come modificare lo sfondo di TinyMCE?

fonte

2009-09-12 asedra_le

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

Senza conoscere le specifiche della vostra configurazione del sito, ho intenzione di indovinare che si sta cercando di caricare alcuni file css. Guarda i documenti di configurazione. Potrebbe essere necessario aggiungere o modificare alcuni CSS (se ne sta già caricando alcuni).

fonte

2009-09-12 05:04:49

TinyMCE probabilmente sta usando il foglio di stile principale del tuo sito web. E in questo caso è con testo grigio su sfondo nero.

Tutto quello che dovete fare è aggiungere questo stile al vostro foglio di stile principale:

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

E poi difficile svuotare la cache o riavviare la sessione in modo che TinyMCE caricherà il fresco CSS. E quindi l'area di modifica mostrerà ora il testo nero (#000) su supporto bianco (#fff).

fonte

2009-09-12 05:09:39 random

Oppure è possibile modificare il colore utilizzando js:

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

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

fonte

2010-04-27 08:17:48

aggiungendo il seguente codice al foglio di stile tema ha funzionato perfettamente!

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

stavo tirando fuori i miei capelli su questo - e credetemi, non ho tutti i capelli da vendere. :-) Grazie!

fonte

2010-06-18 16:14:23 Larry

corretta, ma essere sicuri di spegnere proprietà background-image, ho avuto un problema con l'ereditarietà da background-image corpo. Aggiungi ** background-image: none; ** a .mceContentBody style. –

Sono rientrato nello stesso problema un momento fa e ho riscontrato che il mio problema era causato dal fatto che la skin (cirkuit) ha !important; hack sulla scrittura di questo.

html, body { 
    background: #FFFFFF !important; 
    margin: 0; 
    padding: 0; 
}

fonte

2012-03-05 08:23:20

vi consiglio vivamente di utilizzare la configurazione TinyMCE di influenzare gli stili di TinyMCE, invece di giocherellare con i file CSS di base.

C'è l'impostazione content_css che permette di specificare un file di CCS che sovrascriverà il comportamento di default (CSS). Questa è la strada da percorrere. Puoi usare il css dalle altre risposte fornite.

fonte

2012-03-05 10:27:38 Thariama

Questa è un'ottima risposta al problema in questione. – jerrygarciuh

Aggiungere BODY_CLASS a init in questo modo:

<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>

Entro content.css del tema corretta, è sufficiente aggiungere la seguente voce:

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

Questo renderà il corpo nero e il testo bianco all'interno l'editor

fonte

2012-05-23 18:49:57 Johan

Suggerisco di modificare il file css content.min.css situato nella directory dei temi. Cambiare la definizione di

body{background-color:#595345;}

a qualsiasi cosa il vostro desiderio

fonte

2014-03-01 16:38:06

Come modificare lo sfondo di TinyMCE?

risposta

Problemi correlati