JOOMLA 3.3, CAMBIARE SFONDO TINYMCE.

Scritto da Zeferino Siani. Pubblicato in GUIDE

Salerno, sabato 22 agosto 2020.

Per cambiare sfondo TinyMCE ad alcune o a tutte le pagine del proprio sito Joomla! occorre anzitutto accedere al Template CSS effettuando i seguenti passaggi:

Back end > Estensioni > Plugin > Editor TinyMCE >Template CSS Classes.

Fatto ciò, abbiamo due possibilità.

Opzione 1: Template CSS classes è su ON.

In questo caso le proprietà di stile sono definite dal CSS: templates/system/css/editor.css

Per modificare il colore dal body da bianco (#fff) a grigio scuro, inserire la seguente riga:

body { background: #333; font-family: Tahoma,Helvetica,Arial,sans-serif; line-height: 1.3em; font-size: 76%; color:; }

Ho inserito il colore (grigio scuro) al posto di #fff (bianco).

Opzione 2: Template CSS classes è su OFF.

In questa seconda ipotesi le proprietà di stile sono definite dal CSS presente nella cartella: media/editors/tinymce/skins/lightgray.
In particolare il foglio di stile è: media/editors/tinymce/skins/lightgray/content.min.css

Anche in questo caso si può procedere come sopra, modificando il background-color del body (il file è minimizzato, ma è piccolo e comunque è la prima cosa della riga):

body{background-color:#999;

Ovviamente la riga nel codice sopra è tagliata al punto e virgola.

Per personalizzare lo stile, occorre aggiungere un proprio CSS e usare il campo Custom CSS classes.

@@@

SINTESI:

Vi sono due possibilità.

Back end > Estensioni > Plugin > Editor TinyMCE >Template CSS classes.