Abilitare editor wysiwyg di default o cambiare aspetto icona

 

È possibile in qualche modo abilitare l'editor avanzato in modo predefinito per tutti gli utenti?

Mi spiego, quando un utente esce dal forum (cancella i cookie) e poi rientra trova l'editor impostato in modalità "visualizzazione codici" e ogni volta deve cliccare sull'iconcina apposita per passare in modalità wysiwyg.


Siccome alcuni utenti non possono/riescono a conservare i cookie e non ricordano che pulsante devono premere per cambiare l'editor, farebbe molto comodo se l'editor avesse la modalità wysiwyg di default al login. C'è un modo di poter fare questo?


Naturalmente ho abilitato l'opzione "Attivare il modo WYSIWIG nei messaggi" ma sembra che abiliti solo la barra con le opzioni di formattazione.   

---

In alternativa si potrebbe modificare l'icona del pulsante con qualcosa di più facile da ricordare? Io sono riuscito solo a cambiare l'icona con i css in questo modo:

Codice:

.sceditor-button-source {
    background-image: url("indirizzoimmaginealternativa") !important;
}

.sceditor-button-source div {
   background-image: none !important;
}

Però non riesco a interagire con lo stato cliccato/non-cliccato del pulsante. Ovvero l'icona rimane sempre quella.
C'è un modo per poterlo fare o è codificato troppo in profondità?

Intendo una cosa in javascript tipo:
If "pulsante cliccato" scrivi "editor avanzato disabilitato"
else scrivi "editor avanzato abilitato"

Basterebbe anche colorare lo sfondo in modo diverso secondo lo stato del pulsante.

Grazie.

Il bottone lo si può personalizzare a proprio piacimento, il codice per fare questo è circa quello che hai messo tu

Di default ci dovrebbe già essere un colore diverso per quando il bottone è attivato o disattivato

Riguardo al mantenere la modalità wysiwyg attiva fin da subito prova ad usare questo codice javascript:

Codice:

function setCookie(nome, valore, ggScadenza, path) {
  path = "/";
  var d = new Date();
  d.setTime(d.getTime() + (ggScadenza * 24 * 60 * 60 * 1000));
  var expires = "expires=" + d.toUTCString();
  document.cookie = nome + "=" + valore + "; " + expires + "; path=" + path;
}

$(function() {
  if( _userdata.session_logged_in == 1) {
    setCookie('WYSIWYG_STATE', 1, 365, '/');
  }
   
});

Buon proseguimento

Grazie, il codice funziona. Prima di mettere risolto aspetto risposte dagli utenti. Nel caso mi faccio risentire. 

MattiaDes ha scritto:
l bottone lo si può personalizzare a proprio piacimento, il codice per fare questo è circa quello che hai messo tu

Di default ci dovrebbe già essere un colore diverso per quando il bottone è attivato o disattivato

Per piacere puoi dirmi dove sbaglio?
Così ho la risposta a entrambe le domande e poi possiamo chiudere.

Il colore diverso c'è, ma se cambio l'icona con una personalizzata viene sovrascritto perché l'icona compare sopra lo sfondo.


E poi io intendevo cambiare quel colore con un altro, perché di default è bianco/grigio e non si nota molto.

Questo per cambiare il colore di sfondo quand'è cliccato:

Codice:

.sceditor-button.sceditor-button-source.hover {
    background-color: red !important;
}

Per cambiare icona:

Codice:

.sceditor-button.sceditor-button-source div {
    background-image: url(https://2img.net/i/fa/i/smiles/icon_scratch.png) !important;
    background-position: center center;
    background-repeat: no-repeat;
}

Grazie della dritta.

Ora che ho capito come prendere quell'informazione sono anche riuscito a personalizzare il codice per inserire due immagini che cambiano al click.

Lo condivido qui così che possa tornare utile anche ad altri:

Codice:

.sceditor-button.sceditor-button-source {
    background-color: #DDDDDD !important;
    box-shadow: none !important;
    width: 120px !imporant;
    margin-left: 20px !important;
    display: table !important;
}

.sceditor-button.sceditor-button-source.hover div {
    background-image: url(https://2img.net/i/fa/i/smiles/icon_biggrin.png) !important;
    background-position: center center !important;
    width: 120px !important;
}

.sceditor-button.sceditor-button-source:not(hover) div {
    background-image: url(https://2img.net/i/fa/i/smiles/icon_cry.gif) !important;
    background-position: center center !important;
    width: 120px !important;
}

Perfetto, molto bene archivio